Citat:
#top>ul {
float: right;
margin-right:25px;
list-style-type: none;
}
#top ul li {
/*display:inline; fix IE */
float: right;
text-align:right;
}
#top ul li a {
display: block;
}
|
koliko vidim, problem je u float:right; <a> elementa. nisam siguran da je sto posto tocno, ali logicno objasnjenje mi je otprilike ovakvo:
float elementi moraju imati width jer browser mora znati gdje pocinje sadrzaj oko floata. u slucaju kad ti je na LI postavljen float right, a bez duzine, a unutar njega i <a> sa float:right, tada <a> ne zna gdje je desni rub LI elementa i protegne se do kraja UL-a. logicno, slijedeci ce u slijedeci red. rjesenje ti je ili staviti width na LI (sto nije najsretnije za menu) ili ovako kao gore: maknuti float sa <a> i staviti text-align:right na LI element.