CSS problem (IE vs FF)

Imam problem pri prikazovanju verzov v okenčkih. Kaj je problem si ogledate tukaj: http://www.e-verzi.si/verzi/ljubezenski-verzi/1/

V FF prikaže tekst "pošlji preko emaila" odspodaj pod okvirčkom, v IE pa ta tekst pokaže v okvirčku. Kako bi naredil da bi tudi v IE-ju pokazalo izven okvirčka?

CSS koda:

ul.verzi li {

display: block;

position: relative;

border: #6699CC 1px solid;

padding: 8px;

list-style:none;

background:#e0f1ff;

margin: 20px 0 5px 0;

}

HTML koda:

<ul class="verzi"><li>verz</li></ul>

HTML koda je povsem nepravilna, ce nic drugega... A tag ne more biti neposredno pod UL tagom, resi to drugace...

Hm, oprosti, nisem te čisto razumel. Lahko prosim malo podrobneje napišeš?

Hvala

<ul>

  <li>whetever</li>

  <a href="/whatever.html">link</a>

  <li>krneki</li>

  <a href="/krneki.html">link</a>

</ul>

Tole gornje je povsem neveljavna koda, A tag ne more biti neposredni potomec UL taga (vec o tem).

Ja, samo kaj naj potem? Naj ne dam ul ter li? Samo nek navaden div id?

Hvala in lp

Lahko div, lahko pa tudi resis z dolocanjem razlicnih classov... takole:

<ul>

  <li class="text">whetever</li>

  <li class="link"><a href="/whatever.html">link</a></li>

  <li class="text">krneki</li>

  <li class="link"><a href="/krneki.html">link</a></li>

</ul>

Recimo... Ce res zelis uporabljati liste...

Ok, najlepša ti hvala ;)