Okay so i have a css menu -but the <li> is making a

• at the begining of the background image

CSS:

#menu2 {
 width: 175px;
 margin: 10px;
 border-style: solid solid none solid;
 border-color: #D8D5D1;
 border-size: 1px;
 border-width: 1px;
 }
 
#menu2 li a {
 height: 32px;
   voice-family: "\"}\""; 
   voice-family: inherit;
   height: 24px;
 text-decoration: none;
 } 
 
#menu2 li a:link, #menu2 li a:visited {
 color: #3688BA;
 display: block;
 background:  url(images/menubg1.gif);
 padding: 8px 0 0 30px;
 }
 
#menu2 li a:hover {
 color: #3688BA;
 background:  url(images/menubg2.gif) 0 -32px;
 padding: 8px 0 0 32px;
 }

And the HTML:

<div id="menu2">
  <ul>
   <li><a href="#1" title="Link 1">Link 1</a></li>
   <li><a href="#2" title="Link 2">Link 2</a></li>
   <li><a href="#3" title="Link 3">Link 3</a></li>
   <li><a href="#4" title="Link 4">Link 4</a></li>
   <li><a href="#5" title="Link 5">Link 5</a></li> 
  </ul>
</div>

You can see here how it comes out http://www.spanglishwebs.com/samples...rasymuros.html
And it not ment to have the bullet points - as images are ment to be up to the border on the left.

Im confussed - please help! - Im using IE- maybe in other they work! Mmmm

Many thanks
Rachel

#menu2 {
 width: 175px;
 margin: 10px;
 border-style: solid solid none solid;
 border-color: #D8D5D1;
 border-size: 1px;
 border-width: 1px;
 list-style-type:  none;
 }

Add the bolded line and you'll have no dot.

For more information on this (and the other options you have for list styles, check here:

http://www.w3schools.com/css/pr_list-style-type.asp