Question

I have this css code that shows the photos twice, its weird, is there a better I can write this, the links are used to vote using jQuery?

css code:

a.vote_up, a.vote_down {
        display:inline-block;
    background-repeat:none;
    background-position:center;
        height:30px;
    width:30px;
    margin-left:4px;
    text-indent:-900%;
}

a.vote_up {
    background:url("images/uparrow.png");
}

a.vote_down {
    background:url("images/downarrow.png");
}

html:

<span class='vote_buttons' id='vote_buttons<?php echo $row['id']; ?>'>
    <a href='javascript:;' class='vote_up' id='<?php echo $row['id']; ?>'>Vote Up!</a>
    <a href='javascript:;' class='vote_down' id='<?php echo $row['id']; ?>'>Vote Down!</a>
</span>

Answer 1

Try adding background-repeat: no-repeat; to your a.vote_up and a.vote_down. By default backgrounds will be repeated.