Now look what I found in your style:
Code:
ul#list-menu {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
padding:0px;
list-style:none;
direction:ltr;
border:#851F03;
border-width:0px 1px 1px 1px;
height:29px;
/* width:120px;*/
}
What you do is setting your Menu ul to a height of 29px, look at your menu, is it only 29px? No it isn’t, so you just have to use a higher value (380px for example); or better, set height to auto.
Sou use this code instead:
Code:
ul#list-menu {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
padding:0px;
list-style:none;
direction:ltr;
border:#851F03;
border-width:0px 1px 1px 1px;
height:auto;
/* width:120px;*/
}
To get it better looking in IE 7, use this too: (otherwise you get a small border under each button when you go over it)
Code:
ul#list-menu li {
padding:0;
margin:0;
display:block;
height:29px; /*has to be the same as the height defined in your ul#list-menu li a */
}
ps. in Internet explorer 7 your original code did not work fine either, just the same problem as in firefox.
Last edited by bas; 08-10-2007 at 07:13 AM..
|