<LI> image position issue

**laflair13** · Mar 7, 2013 11:03

I know I am missing something super simple but you know we all have them days.

I am trying to use a BG image for my <li> and the words are going into the text as you can see from the image. Can someone please help me on this before I bang my head on the desk.

Css I am using

Code:

ul.main {	
list-style-type: none;
margin-left:75px;
}

li.main {
background-image: url('images/BT_cookie.png');
background-repeat: no-repeat;
background-position:   .4m ;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#900;
padding:5px;
}

Image is attached