menu in css - alcuni miglioramenti

[FinalFantasy]

#nav
{
  border:2px solid #FF9900;
  background: #FFEED5;
  width:100%;
  padding:0px;
  margin:0px;
}

ul.nav
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.nav li a
{
  padding:2px 0px 0px 6px;
  font-family: Trebuchet MS, Times New Romans, sans-serif;
  font-size: 12px;
  text-decoration:none;
  color:#000000;
  width:100%;  
}

ul.nav li a:hover
{
  font-family: Trebuchet MS, Times New Romans, sans-serif;
  font-size: 12px;
  text-decoration:none;
  color:#000000; 
  background-color:#FFD291; 
  display:block;
}

#imgnav
{
  vertical-align:middle;
  margin-right:3px;
}

  <div id="nav">
    <ul class="nav">[*][img]images/homepage.gif[/img]Home page[*][img]images/chisiamo.gif[/img]Chi siamo[*][img]images/world.gif[/img]Dove siamo[*][img]images/img.gif[/img]Foto Gallery[*][img]images/prodotti.gif[/img]I nostri prodotti[*][img]images/email.gif[/img]Contattaci[/list]
  </div>

ho delle incompatibilità tra ie e ff: 1. su ff, quando passo sopra col mouse, la "barra" esce fuori dal blocco di navigazione. 2. su ff, quando passo sopra col mouse, si vede un leggero tremolio

cm sistemare?

grazie a tutti e ciao

[index]

Il codice HTML rimane invariato.
Incolla questo CSS al posto del tuo...

#nav
{
border:2px solid #FF9900;
background: #FFEED5;
width:100%;
padding:0px;
margin:0px;
width: 120px;
}

ul.nav
{
list-style: none;
margin: 0px;
padding: 0px;
}

ul.nav li a
{
font-family: Trebuchet MS, Times New Romans, sans-serif;
font-size: 12px;
text-decoration:none;
color:#000000;
width:100%;
display:block;
}

ul.nav li a:hover
{
font-family: Trebuchet MS, Times New Romans, sans-serif;
font-size: 12px;
text-decoration:none;
color:#000000;
background-color:#FFD291;
display:block;
}

#imgnav
{
vertical-align:middle;
padding:5px;
line-height: 25px;
}

In sostanza, alcune proprietà che erano proprie di imgnav le avevi spostate in a.
E altre cosine banali. Tutto ok ora.