ul li menu clear/float

mam UL LI menu
<div class="menu">
<ul>
<li>
<div><a href="#" title="Hlavni1">Hlavni1</a></div>
<ul>
<li><a href="#" title="PodMenu1A">PodMenu1A</a></li>
<li><a href="#" title="PodMenu1B">PodMenu1B</a></li>
<li><a href="#" title="PodMenu1C">PodMenu1C</a></li>
</ul>
</li>
<li>
<div><a href="#" title="Hlavni2">Hlavni2</a></div>
<ul>
<li><a href="#" title="PodMenu2A">PodMenu2A</a></li>
<li><a href="#" title="PodMenu2B">PodMenu2B</a></li>
<li><a href="#" title="PodMenu2C">PodMenu2C</a></li>
<li><a href="#" title="PodMenu2D">PodMenu2D</a></li>
</ul>
</li>
<li>
<div><a href="#" title="Hlavni3">Hlavni3</a></div>
</li>
<li>
<div><a href="#" title="Hlavni4">Hlavni4</a></div>
<ul>
<li><a href="#" title="PodMenu4A">PodMenu4A</a></li>
<li><a href="#" title="PodMenu4B">PodMenu4B</a></li>
</ul>
</li>
</ul>
</div>


Kdyz to zfloatuji, tak potrebuji nakonec kvuli Mozile pridat LI s CLEAR, IE si s tim poradi a ukonci float pri ukonceni bloku. Napadlo mne, vykaslat se na to a pridat to pres CSS pres Before/after ala kulate rohy. Ale nemuzu na to prijit, jak.
(
http://virtuelvis.com/gallery/css/rounded/
http://www.w3.org/Style/Examples/007/roundshadow.html
)

potrebuji konstrukci neco jako toto:
.menu>ul>li:last-chid:after
{
clear:both;
float:none;
display:block;
line-height:0;
}
Akorat, ze 2 pseudotridy mi nejedou.

Pripadne nejaky JINY zpusob, jak se vyhnout prazdnemu LI prvku navic.
- napadlo mne nastavit line-height pro .menu, ale to samozrejme pretece, kdyz se to zalomi na 2 radky
- napadlo mne pridat ten slepy prvek javascriptem, coz bych svedl, ale videl bych to jako posledni moznost
- a krome toho zbyva teda normalne moznost to tam napsat
- a pokus s tim after...

Oswald
hm, malicko problem, sirka je spravna, ale menu se mi pri rozbaleni schova, nepreteka

css mam takove
.menu {behavior:url("csshover.htc");}

.menu a {}
.menu a:visited {}
.menu a:active {}
.menu a:hover {}
.menu {font-size:125%;}
.menu ul {list-style:none;_display:inline-block;position:relative;z-index:5; }
.menu li ul {list-style:none;min-width:6em;position:absolute;z-index:10;display :none;}
.menu a {display:block;text-decoration:none;}
.menu div a {width:100%;text-align:center;}
.menu li li a {width:6.5em;font-size:90%;}
.menu li {width:6.5em;float:left;display:block;}
.menu li li {width:100%;float:none;}
.menu li:hover ul {display:block;}
/*
.menu>ul>li:last-child {clear:both;float:none;}
*/

.menu>ul {overflow:auto;position:relative}

se mi to vybali, ale skryje do nadrazeneho ul
pred
__________
| [.....]
~~~~~~~~
po
__________
| [.....]__
~~~~~~~~

Oswald Super, poresil jsem to
.menu>ul {overflow:auto;position:static}

No jo, ale Opera to nema rada, tem to nejede se static a overflow. Sice se to rotahne, ale menu se schova.

tam je toho vic, snad se v tom vyznas, nastavuji cast nahore v css...
http://peter-mlich.wz.cz/x/menuedul.htm

jej, sory, stary link, ja to zkopiroval omylem na volny.cz
http://www.volny.cz/peter.mlich/x/menuedul.htm

Oswald Podivej, ja prave potrebuji udelat takovy blok, aby z nej menu nevylezalo ani pri okne 100x100 , takze to pozadi tam potrebuji. Kdyz tam pridam CLEAR, tak je vsude vse oki.

Rekneme, ze by tam ID bylo, co bys tam napsal?

Jako, kdybych chtel pridat prvek, tak to zvladnu i pres id menu, ze si udelam scriptik, ktery najde prvni UL tag a prida do nej nakonec LI s nejakym id nebo class. Ale chtel jsem se tomu vyhnout, pokud by to slo pres CSS.

To, co mas v tom odkazu se ve FF1.5 chova tak, ze se to nerozbaluje. A krom toho jsi zrusil funkci pro IE, to ti teda dekuji :)))