Hintergrundbild in Login-Box Formatieren? (FF vs. IE)

[kidrob]

Deine Portal Version: 1.0.6
Typ Deines phpBB Forums: Standard phpBB3
MODs installiert: Ja
Dein Wissensstand: Fortgeschritten

Was hast Du gemacht, bevor das Problem aufgetreten ist?


Was hast Du bereits versucht um das Problem zu lösen?


Fehlerbeschreibung und Nachricht
Hallo und guten Mittag,

derzeit arbeite ich an einem Portal und möchte die Login-Box im Portal mit einem Bild hinterlegen, das Ganze soll etwa wie ein "Notizzettel" aussehen.
Gesagt - getan.
Nun jedoch habe ich ein großes Problem mit den Dimensionen dieses Bild und va. mit der Kompatibilität Firefox vs. Internet Explorer: FF sieht jede Modifikation auch wunderbar aus - sobald man die Seite im Internet Explorer läd schrecklich: Entweder abgeschnitten oder senkrecht wiederholend (trotz background-repeat:no-repeat).

Habe zur Veranschaulichung 2 Screenshots gemacht:


Mein Code der login_box.html

Code: Select all

<!--version $Id: login_box.html 602 2010-01-02 16:59:08Z marc1706 $ //-->

<form action="{S_LOGIN_ACTION}" method="post">
<div style="background-image:url(./images/loginboxbackground.png); background-repeat:no-repeat; background-position:top; background-position:left; padding:10px">
<br><br>
{$LR_BLOCK_H_L}<a href="{U_LOGIN_LOGOUT}"><!-- IF $S_BLOCK_ICON --><img src="{T_THEME_PATH}/images/portal/portal_login.png" width="16" height="16" alt="" />&nbsp;<!-- ENDIF -->{L_LOGIN_LOGOUT}</a>{$LR_BLOCK_H_R}
	<span class="genmed">{L_USERNAME}:</span><br />
	<input type="text" tabindex="1" name="username" id="username" size="25" value="" class="inputbox autowidth" /><br /><br /> 
	<span class="genmed">{L_PASSWORD}:</span><br />
	<input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" /> 
	<!-- IF S_DISPLAY_FULL_LOGIN -->			
		<br /><br />
		<!-- IF S_AUTOLOGIN_ENABLED -->
			<input type="checkbox" class="radio" name="autologin" tabindex="3" /> <span class="gensmall">{L_UM_LOG_ME_IN}</span><br />
		<!-- ENDIF -->
	<!-- ENDIF -->		
	<br />
	<input type="hidden" name="redirect" value="{U_PORTAL}" />
	<input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" />
</form></div>
{$LR_BLOCK_F_L}{$LR_BLOCK_F_R}

Das Problem muss nun sicher irgendwo beim css des Backgrounds liegen, kann mir da evtl. Jemand helfen bzw. könnte man das Ganze evtl auch anders bzw eleganter realisieren?

Gruß und Dank, Rob[/i]