iyi günler değerli arkadaşlarım benim şöyle bir problemim var oluşturduğum css yatay menü sayfa büyütüldüğünde menüler birbirine giriyor ve birtürlü çözemedim konuyla ilgili yardımcı olursanız sevinirim aşağıda kodlarım bulunmaktadır.
ul#menu, ul#menu ul{
z-index:1;
position:absolute;
list-style:none;
margin:0 auto;
padding:0;
padding-left:0px;
width:100%;
}
ul#menu li{
float:left;
position:relative;
width:284px;
text-align:center;
}
ul#menu li ul{
display:none;
position:absolute;
top:19px;
left:0;
}
ul#menu li > ul {
top:auto;
left:auto;
}
ul#menu li a {
font: bold 16x Arial, Helvetica, sans-serif;
display:block;
border-width:1px;
border-style: solid;
border-color:#ccc #888 #555 #bbb;
margin:0;
padding: 5% ;
color: rgba(12,3,25,0.8);
background:#cabfbf;
text-decoration:none;
}
ul#menu li a:hover {
color:#a00;
background:#fff;
}
ul#menu li:hover ul {
display:block;
}
ul#menu li:hover ul. ul#menu li.over ul{
display:block;
}