Sredniska poravnava slik v isti vrstici - Joomla 1.5

Pozdravljeni,

v zadnjih dveh dneh mi je Joomla požrla prav vse živce ...
Nikakor mi ne uspe sredinsko poravnat dve sliki v isti vrsti (takoj ko eno označim za sredinsko poravnavo, mi drugo sliko vrže pod njo). Tako kot je recimo tukaj, tik pred Launc characteristics: http://www.dhv.de/web/en/safety/article...

- Malo lažem, lahko ju spravim v isto vrsto, ampak samo če je skupna širina obeh slik enaka širni strani, kar pa seveda ni dobro, želim manjše slike - neke normalne velikosti.
- poskusil sem tudi z uporabo tabele, AMPAK mi seveda preljuba Joomla kljub ukazu za sredinsko poravnavo, tabelo poravna ob levi rob in se s tem ne morem prav nič pomagat.
- druga možnost je, da uporabim program kjer je taka poravnava možna (recimo word documents), naredim printscreen in uporabim znanje html jezika ter ukaz map name in definiram na dotik občutljive slike (glej kodo spodaj). Problem te rešitve je, da se Firefoxu prav sladko **** za to kodo, medtem ko jo Opera, Chrome in IE povsem brez težav prebavijo.

<p style="text-align: center;" align="center"><img style="margin: 10px; vertical-align: middle;" alt="Image9qeg" src="images/stories/clanekvarnost/Image9qeg.jpg" usemap="#povezave" height="674" width="640" />
    <map name="povezave">
<a href="images/stories/clanekvarnost/6f0bd141b3.jpg" rel="lytebox">
        <area shape="rect" coords="71,9,299,179" href="images/stories/clanekvarnost/6f0bd141b3.jpg" rel="lytebox" /></a> 
<a href="images/stories/clanekvarnost/team_03.JPG" rel="lytebox">
        <area shape="rect" coords="303,9,560,179" href="images/stories/clanekvarnost/team_03.JPG" rel="lytebox" /></a> 
<a href="images/stories/clanekvarnost/7ad840c0cd.jpg" rel="lytebox">
        <area shape="rect" coords="56,223,316,394" href="images/stories/clanekvarnost/7ad840c0cd.jpg" rel="lytebox" /></a>
<a href="images/stories/clanekvarnost/01f987fffe.jpg" rel="lytebox">
        <area shape="rect" coords="318,223,575,394" href="images/stories/clanekvarnost/01f987fffe.jpg" rel="lytebox" /></a> 
<a href="images/stories/clanekvarnost/2b31e3699b.jpg" rel="lytebox">
        <area shape="rect" coords="55,437,314,608" href="images/stories/clanekvarnost/2b31e3699b.jpg" rel="lytebox" /></a> 
<a href="images/stories/clanekvarnost/186399742c.jpg" rel="lytebox">
        <area shape="rect" coords="317,437,576,608" href="images/stories/clanekvarnost/186399742c.jpg" rel="lytebox" /></a>
    </map>
</p>

Bi znal mogoče kdo popravit kodo, da se rešim problema s Firefoxom ali pa predlagat še tretjo idejo?

Hvala in lep pozdrav!
mitja