CSS <ul> and <li> alignment issues

[TheEmperor]

Greetings all,

I am trying to make a website with a selling page. This selling page lists the benefits of having an account, and these benefits are listed using a <ul>

The <ul> has an image of a checkmark. However, I cannot get the text to align properly in the css. The text is shoved towards the bottom, for some reason.

For a visual, go here:
http://security.codegeass.us/

Scroll down to where you see a list with checkmarks on it.

[BIOSTALL]

How about changing your CSS as follows:

.checklist { list-style-type:none; padding:0; margin:0 }

.checklist li
{
	background:url(../img/checkmark.jpg) no-repeat;
	height:30px;
	line-height:30px;
	border:1px solid #353535;
	padding:0;
	padding-left:40px;
	margin:0;
}

I've always found the list-style-image CSS attribute to be problematic if using anything larger than the standard bullet and therefore use the background instead.

Hope that helps

[TheEmperor]

Holy **** it worked, it's just what I needed.

Thanks so much. Now I can make my site now.

May you be blessed with a thousand descendants.