How can I align my bullet images with my <li> content?

Question

Here is a screenshot to understand. I am trying to find a reliable way to make bullet images vertically aligned with my li content. As you can see, my content is currently too high.

Thank you very much for the flowers ...

http://dl.getdropbox.com/u/240752/list-example.gif

Answer 1

Ok, some css code to see how you are currently setting your bullet images would be helpful; -)

"list-style-image" background-image li. . , .

Answer 2

@bryn . , :

#content ul li {
    margin: 3px -20px 3px 20px;
    padding: 0 0 0 0;
    list-style: none;
    background: url(newbullet.gif) no-repeat 0 3px;
}

. . ( - 14 15.) , , , Firefox IE .

Answer 3

You can use something like this in your css ...

#content li{

    list-style-image: url(../images/bullet.gif);

}

Answer 4

use a background image, for your li elements, add an addition.

.box li{
    padding-left: 20px;
    background-image: url("img/list_icon.jpg");
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-top: 6px;
}