Ik ben bezig met mijn eigen site. Maar ik loop tegen een probleem op. IE6 geeft de rechter en linker hoek van het menu niet weer.... Het is ook alleen in IE6 en lager. Opera, IE7 & Firefox doet hij het gewoon wel. Help :?¿
HTML:
<div id="menu">
<div id="_left"></div>
<div id="list">
<!--Items-->
</div>
<div id="_right"></div>
</div>
CSS:
#menu {
background:url(../img/menu_bg.jpg) repeat-x;
height:30px;
display:block;
}
#menu #_left {
float:left;
background:url(../img/menu_left.jpg) no-repeat right top;
height:30px;
width:9px;
}
#menu #_right {
float:left;
background:url(../img/menu_right.jpg) no-repeat right top;
height:30px;
width:8px;
}
#menu #list {
width:839px;
float:left;
}
#menu #list a {
text-decoration:none;
font-family:"Century Gothic", Arial;
color:#FFFFFF;
font-size:14px;
margin-left:15px;
display:block;
padding-top:4px;
padding-bottom:7px;
float:left;
outline:none;
}
#menu #list a:hover {
background:url(../img/menu_ba.jpg) no-repeat center top;
}