ul menu not dropping margin

in firefox, not IE..

[natty]

hi all,

im not much cop with CSS, and this is driving me mad.

im using a <ul> as my navigation but in firefox it refuses to drop its left margin. all the ie versions i have and opera seem to be fine

css is

#menu {
padding: 0;
}
#menu ul {
margin: 0;
list-style-type: none;
}
#menu ul li {
margin: 1px;
padding: 0;
width: 110px;
}
#menu ul a {
color: rgb(51, 51, 51);
background-color: rgb(175, 204, 255);
display: block;
padding: 4px;
width: 110px;
text-decoration: none;
border: 1px solid gray;
font-weight: bold;
}
#menu ul a:link {
background-color: rgb(175, 204, 255);
}
#menu ul a:hover {
background-color: rgb(255, 214, 112);
}
#menu .sub {
font-weight: normal;
margin-left: 10px;
}

the html (XHTML 1.0 trans)

<div id="menu">
<ul>
<li><a href="#" title="****x">****x</a></li>
<li><a href="#" title="****x">xxxx</a></li>
<li><a href="#" title="xxxx"><b>xxxx</b></a></li>
<li><a href="#" title="xxxx 1"><span class="sub">xxxx 1</span></a></li>
<li><a href="#" title="xxxx 2"><span class="sub">xxxx 2</span></a></li>
<li><a href="#" title="xxxx 3"><span class="sub">xxxx 3</span></a></li>
<li><a href="#" title="xxxx">xxxx</a></li>
<li><a href="#" title="xxxx">xxxx</a></li>
</ul>
</div>

any help much appreciated..

n

[iamlost]

Add padding: 0; to #menu ul

And

Congratulations on 100 posts!

Imagine fireworks and loud applause ;-)

[natty]

hurrah..

tyvm