witam
zrobiłem sobie dwa menu na stronie z różnym wyglądem. i wszystko jest ok do czasu kliknięcia guzika z menu 1 - wtedy guzik ten dostaje margines który w stylach dotyczy guzika z menu 2. problem mam wyświetlając stronę na operze, na mozilli jest ok, natomiast na innym kompie moziilla też błędnie wyświetla ale zawsze dopiero po kliknięciu…
czy ktoś ma pojęcie co może być nie tak ?
css dla menu 1
.green #slatenav{position:relative;display:block;height:37px;font-size:11px;font-weight:bold;background:transparent url(/images/greenslate_background37.gif) repeat-x top left;font-family:Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin-left: 22%;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0px;}
.green #slatenav ul li a{display:block;float:left;color:#000;text-decoration:none;padding:9px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover {color:#fff;background:transparent url(/images/greenslate_backgroundOVER37.gif) repeat-x bottom center;}
css dla menu 2
/* lista KATALOG*/
.box_content ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.box_content ul {
width: auto;
/*background-color: #b7f46e;
border: 2px double #329000;*/
}
.box_content ul li {
border-bottom: 0px solid #cbf93e;
}
.box_content ul a:link, ul a:visited {
display: block;
width: auto;
text-decoration: none;
padding: 7px;
color: #000;
border-left: 1px solid #94e900;
}
.box_content ul a:hover {
width: auto;
background-color: #d8ff95;
color: #000;
border-left: 7px solid #94e900;
}
.box_content h3 {
padding: 0px 7px 7px 7px;
font-weight: bold;
margin-left: -7px;
text-align: left;
}