Zalomení uvnitř blokového prvku (Opera, Mozilla)

Ahoj všem.
Mám takový jednoduchý dotaz.

Zkoušel jsem prvek:
<EM>Popisek se zkušebním textem</EM> a potřeboval bych, aby ten text uvnitř se mi zalomil na několik řádků. Aby EM nezměnil svou šířku.

Ten EM jsem zkoušel jako block nebo inline-block. Šířka je u mého pokusu nastavena na 50px a mám border 1px. V IE to funguje dobře. Problém:

Opera v 8.54 ukazuje rámeček o rozsahu 50px (jedna řádka) a text nelogicky přesahuje onen rámeček. Potřeboval, bych aby text se zalomil v tom rozsahu šířky a výška se automaticky zvětšila dle délky textu. Mozilla 1.7.13 dělá něco podobného, akorát rámeček se zvětšil po šířce na délku textu, tzn. že prvek EM přizpůsobil svou šířku délce textu :-(.

Díky moc za odpověďi

Myslíte, že by problém se zalomením mohl vzniknout, protože jsem použil EM místo DIV? Ale když nastavím EM jako blokový, tak by ten problém být neměl, ne?

<h2>IE</h2>
<img src="http://pravatvar.wz.cz/restart/IE.jpg" alt="IE">
<P>
<h2>Mozilla</h2>
<img src="http://pravatvar.wz.cz/restart/Mozilla.jpg" alt="Mozilla">
<P>
<h2>Opera</h2>
<img src="http://pravatvar.wz.cz/restart/Opera.jpg" alt="Opera">

<P>
<a href="http://pravatvar.wz.cz/restart/IE.jpg" >IE</a><BR>
<a href="http://pravatvar.wz.cz/restart/Mozilla.jpg" >Mozilla</a><BR>
<a href="http://pravatvar.wz.cz/restart/Opera.jpg" >Opera</a><BR>

<P>
<a href="http://pravatvar.wz.cz/restart/IE.jpg" >IE</a><BR>
<a href="http://pravatvar.wz.cz/restart/Mozilla.jpg" >Mozilla</a><BR>
<a href="http://pravatvar.wz.cz/restart/Opera.jpg" >Opera</a><BR>

http://pravatvar.wz.cz/restart/IE.jpg - IE
http://pravatvar.wz.cz/restart/Mozilla.jpg - Mozilla
http://pravatvar.wz.cz/restart/Opera.jpg - Opera

Můžete se někdo prosím vás ozvat? vždyť to nemůže být tak těžké, jenže já nevím co s tím, nebo co hledat...