problema al menu ul li a , che si posiziona a forma di scala

[Innavoig]

ho un problema al menu in stile ul li a
in pratica con firefox e altri i link quadrati grossi si visualizzano sullo schermo ben allineati , mentra con internet explorer si vedono a scaletta , cioe allineati ma con una differenza di altezza dal margine superiore ,cosi i link scendono come se fosse una scala .Il problema e che ad ogni elemento li gli ho impostato un altezza di padding superioe , e invece d esser sempre la stessa l altezza per ogni elemento e come se si somma .


css

#head #navata #bottombar ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#head #navata #bottombar ul li {
display: block;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#head #navata #bottombar ul li a {
float: left;
width: 166px;
text-decoration: none;
height: 190px;
color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;
border: 1px solid #000000;
font-family: "Trebuchet MS", "Tw Cen MT";
}
#head #navata #bottombar ul li a:link, #head #navata #bottombar ul li a:visited {
background-color: #B2910D;
color: #000000;
text-align: center;
font-weight: bold;
}
#head #navata #bottombar ul li a:hover {
background-color: #E0B20D;
color: #000000;
}



html

<div id="bottombar">
<ul>[*]Template [*]Loghi[*]Wallpapers[*]Siti Web[/list]
</div>

[Innavoig]

m