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.