can anyone tell me why this isn't working in firefox but it is working in IE, the height doesn't seem to be working in firefox
.nav{width:100%; height:30px; text-align:center; background-color:#FF3300; color:white;}
.nav ul{list-style:none;}
.nav li{padding:auto; display:inline;}
.nav a{width:100px; height:30px; padding:3px; border:1px solid black; background-color:#FF3300; color:white;}
.nav a:hover{background-color:blue;}
------------
<div class="nav">
<ul>
<li><a href=#>test</a></li>
</ul>
</div>