need help for css

hello,
i m using below code for my navigations but there is a problem.
when i check it on Internet Explorer its working fine, but when i checking it on firefox, navigation alignment move to right.

please help me

#nav
{
clear: both;
width: 760px;
height: 70px;
background-color: #8c0022;
}

#nav ul
{
width: 760px;
height: 70px;
}

#nav ul li
{
display: inline;
}

#nav ul li a
{
width:152px;
height: 70px;
background: #000000 url(../img/whyus.jpg) no-repeat;
float: left;
}




i m using it in html:

<div id="nav">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>



please help

thanks in advance

 

Set ul {margin-left: 0; padding-left: 0;}

cheers,

gary

 

thank you very much for you help