Border překrývající div

Zdravím,
mám problém s borderm u odkazu ve Firefoxu při přejetí menu border překryje div, který je okolo menu - to je v pořádku. Problém je v IE, kde se místo toho div roztáhne do výšky. Nevíte náhodou někdo co s tím?
CSS zní takto:

#headerline {border-top:1px solid #A1A29E;border-bottom:1px solid #A1A29E;height:1.5em;z-index:1}
#menu {width:760px;margin:0 auto 0 auto;z-index:2}
ul {list-style-type:none;text-align:left;padding:0;margin:0;height:1.5em; background:#E6E7E2;}
li {float:left;border-right:1px solid #A1A29E;line-height:1.5em;background:#E6E7E2;font-size:0.8em;font-weig ht:bold;}
li a {display:block;text-decoration:none;padding:2px;color:#535A5F}
li a:hover {display:block;text-decoration:none;background-color:#FEFFFC;border-bo ttom:2px solid #FEFFFC;color:#6F797F;}

Díky