Problem: WoW: Alliance (Green)

[Lord_Nazgul]

Ich nutz diesen Style im Combo mit meiner Gildenpage.
Doch leider wird der Header in Firefox und Internetexplorer nicht korrekt angezeigt, obwohl die Einstellungen eigentlich stimmen sollten...
http://www.garde-der-naaru.de

Problem ist, das links und rechts am Bildschirmrand ein Bild eingeblendet wird, das eigentlich unten in der zeile positioniert werden sollte. Links geht das auch, aber das rechte Bild ist zentriert... Ich hab mittlerweile 4h hin und her gebastelt. Hat einer zufällig ne Idee?

Die Anzuzeigenden Bilder werden im Header berechnet mit

Code: Alles auswählen

/* Change "5" to last image number */
var rand_left = Math.floor(Math.random() * 5) + 1;
var rand_right = Math.floor(Math.random() * 5) + 1;
document.write('<style type="text/css">');
document.write('#logo-left { background-image: url(./styles/wow_alliance_green/theme/images/logo_left' + rand_left + '.gif); } ');
document.write('#logo-right { background-image: url(./styles/wow_alliance_green/theme/images/logo_right' + rand_right + '.gif); } ');
document.write('</style>');

und dann innerhalb des Body eingebunden über

Code: Alles auswählen

<td id="logorow" align="center" height="156px"><div id="logo-left"><div id="logo-right">
                <a href="http://www.garde-der-naaru.de">{SITE_LOGO_IMG}</a>
        </div>
</div></td>

in der Stylesheet steht nur folgendes als deklaration

Code: Alles auswählen

#logorow {
        background: url(images/logo_bg.gif) bottom left repeat-x;
        color: #000000
        text-align: center;
        padding: 0;
}

#logo-left {
        background: url(images/logo_left1.gif) bottom left no-repeat;
}
#logo-right {
        background: url(images/logo_right1.gif) bottom right no-repeat;
}

#logorow, #logo-left {
        height: 156px;
        <!--height: 112px;-->
        overflow: hidden;