CSS bullet positioning

[will7]

If you go to www.rednerve.com/about.htm, you will see that at the bottom of the page there is a list (in bullet form) with information. Now, if you look, you will see that the text is not perfectly horizontally aligned with the bullet. The text is slightly lower.

How can I change this? In my main.css file (external stylesheet), I have this definition for the .bullet class:

.bullet {
	font-family: Trebuchet MS;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	color: #333333;
	list-style-image:    url(arrow_2.jpg);
	float: none;
	left: 0px;
	list-style-position: outside;
	margin: 0px 0px 0px 0x;
	padding: 0px 0px 0px 10px;
	vertical-align: middle;
	text-indent: 10px;
	white-space: normal;
}

Any ideas then? Thanks.

Will.

 

[Spekta]

i believe this is happening because your text is smaller than the height of the image. you could try adding vertical-align: top; to your class definition.. or just up the text size, or lower the bullet size..

 

[will7]

Height of my text is 11px and height of the bullet image is 12px x 12px so it could be that. I might consider changing it...

Any other things it could be?