Centrování obrázku ( v tabulce s float: left )

Ahoj.

Velde sebe mám několik obrázků, které chci vystředit doprostřed stránky (na řádku, tedy horizontálně).
Jak to udělat?

Jsem v začarovaném kruhu těchto problémů:

1) na samotný(é) obrázek(ky) nejde aplikovat aling: center, musím je tedy do něčeho uzavřít

Nejprimitivnější příklad:

<div style="text-align: center"><img src="xxx.jpg"></div> <!-- Vystředění obrázku -->

Problém:
v IE mi celý tento div odskočí od předcházející části o jeden řádek navíc.
Pokud místo divu použiji span, nefunguje mi text-align na vnitřní obsah (zřejmě tím, že to není blokový element, pokud totiž u toho spanu uvedu display: block, pak to funguje, ovšem opět odskočí jako div...)
Otázka:
Proč div (nebo prostě blokový element, pokud jsem to správně pochopil) odskakuje v IE? Jak to obejít? (vím že div po sobě zalamuje řádek, span ne - je to řádkový prvek, ovšem v IE mi div odskočí o jeden řádek navíc!)

Možnosti, kterými jsem to zkoušel vyřešit:
Uzavřít obrázky do tabulky a tabulce nastavit align: center.
Problém:
z tabulky musím opět udělat blokový element (buď display: block nebo float: left), jinak mi ve Firefoxu skočí v pozicovaném designu úplně jinam. Když však z tabulky udělám blokový element, pak jak u tabulky tak u buňky, v níž jsou obrázky přestane fungovat align: center (nebo lépe text-align: center, zkoušel jsem snad vše a ničím se mi nepodařilo vystředit obsah vnitřního prvku přes ten float: left u prvku vnějšího. A navíc... Tabulka mi opět v IE odskočí o jeden řádek více než v jiných prohlížečích...

Samozřejmě jsem zkoušel i nedělat z tabulky blokový element a dát před ní (resp. po předešlých obtékaných divech) style="clear: both" (pak to jede i v mozille), ovšem v IE tabulka opět nepochopitelně odskočí o jeden řádek více, než v jiných prohlížečích.
Otázky
Jak u vnitřního prvku (např. img) nastavit centrování na střed, když je vnější prvek blokový? (má float: left

Prosím tedy v první řadě o radu, jak vycentrovat zmiňované obrázky. Případně budu vděčný za odpovědi na všechny otázky zde vyslovené. Díky. Suta

Přidávám:

<span>Nějaký předcházející obtékaný span nebo div</span>&nbsp; // tady jsem přidal mezeru

<table style="text-align: center>

  <tr>

    <td>

      <img src="neco.jpg">

    </td>

  </tr>

</table>

Poté, co jsem přidal mezi předcházející span a následující tabulku nedělitelnou mezeru, tak mi to v mozelle neodskočí (tedy je to téměř! - viz dále - to samé, jako když jsem zkoušel před tabulku zapsat <div style="clear:both"></div>. Ve všech prohlížečích se to teď zobrazí stejně, ovšem údajný "řádek navíc" teď přidají všechny prohlížeče.

Podobný problém jsem vyřešil včera, když mi prozměnu IE po kódu:

<span>Nějaký text</span>

vypsal:
'Nějaký text
xt ' //tedy tady na dalším řádku mi přidal poslední dvě písmena z textu uzavřeného ve spanu :) Máte vysvětlení?

Vyřešil jsem to opět přidáním nedělitelných mezer:

<span>Nějaký text&nbsp;&nbsp;</span>

Jak to tedy je?

jozob

Samozřejmě, funguje, to fungovalo i mě (kód mám v pořádku, pouze tady jsem někde nahoře zapomněl ukončovací úvozovky, píšu to z hlavy). Problém je v tom, že já mám tu tabulku uvnitř obtékaných divů.

Jde mi o to odskočení (přičemž tobě to zřejmě neodskočí, pokud jsi zkusil jen kód, který jsem napsal).

A stále zůstává pár nezodpovězených otázek. Pokud někdo ví, napište. Dík.