CSS2 problem

[PROpheT]

uz som zufaly - IE mi to zobrazi normalne, ale FF a Opera takto.



Su to 2 navigacne panely, pisane rovnakym stylom (v nicom sa nelisia) a aj tak sa mi ten spodny zobrazuje zle.

Nestretol sa uz niekto s niecym podobnym?

[MEluZíNa]

Trochu se rozepis, takle ti odpovi jen jasnovidec...

Nejlip kdyz napises kod...

[PROpheT]

tu je kod html toho druheho navigacneho panelu:

<div class="topnav_m" id="nav_m">
        <ul>
        <li><a href="mirca_links.html">Links</a></li>
        <li><a href="http://www.miranda.cz/forum/">Forum</a></li>
    </ul>
</div>

a kod css:

.topnav_m {
   position:relative;
   clear:both;
   height:21px;
   background:#cccccc;
   font-size:8pt;
   margin-left: 280px;
   margin-bottom: 10px;

#nav_m ul{
padding:0 0 0 0;
margin:0 0 0 0;
white-space: nowrap;
font-size:8pt;
color:#ffffff;
float:none;
width:100%;
background:#ffffff url(images/topnav_bg_grey.gif);
list-style:none;
}

#nav_m ul li{
display:inline;
list-style:none;
}

#nav_m ul li a{
margin: 0 0 0 0;
padding: .25em 1em .3em 1em;
background:#ffffff url(images/topnav_bg_grey.gif);
color: #000000;
text-decoration:none;
float: left;
border-right:1px solid #cccccc;
}

#nav_m ul li a:hover{
background:#8DA8D5 url(images/topnav_bg.gif);
color: #ffffff;
text-decoration:none;
border-right:1px solid #cccccc;
}

[jedik]

Letmy pohled. Nevim proc definujes prvni, ze ty <li> budou inline a potom z nich zas udelas blokove diky float: left; coz je imho kamen urazu, ale nezkousel jsem.

[PROpheT]

vdaka

stacilo v

#nav_m ul{
float:none;

zmenit float:left;