CSS DIV im Hintergrund bei Firefox abgeschnitten

[raven16]

Hi,

Hab auf meiner Seite ein Banner in Form eines DIV, welches im Hintergrund eines anderen DIV sein soll.
Bei IE klappt dies einwandfrei,

bei FF wird jedoch das Banner-DIV an der Stelle wo das DIV darüber beginnt, abgeschnitten...
und außerdem rutschen die boxen unter dem Banner bis in die bottombox die unten eingekreist ist, rein

kann mir da jemand helfen?
Voll komisch, sonst hatte ich immer diverse Probleme mit IE xD
Nun zum Quelltext:

div.gesamtbox{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/banner/banner.jpg); 
	background-repeat:no-repeat;

Dies ist das DIV, welches den Banner behinhaltet.
Darüber liegen nun folgendes DIVs:

div.topbox{
	width: 1000px;
	height: 350px;
}
div.mittelbox{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;	
	background-color: none;
}

in der PHP-Datei hab ich das dann folgendermaßen eingebaut:

          <div class="gesamtbox">
				<div class="topbox">
					banner
				</div>
				<div class="mittelbox">
					<div class="mittel_leftbox">
					    <div class="left_top">
						</div>
						<div class="left_center">
						</div>
						<div class="left_bottom">
						</div>
					</div>
					<div class="mittel_mittelbox">
						<div class="mittel_top">
						</div>
						<div class="mittel_center">
						</div>
						<div class="mittel_bottom">
						</div>
					</div>
					<div class="mittel_rightbox">
						rechts
					</div>
				</div>
			</div>

hoffe ihr könnt das nachvollziehen

wenn nicht fragt einfach

 

[Ack der III]

Das mit dem Hintergrundbild könnte vielleicht daran liegen, dass es kein background-color: none; gibt.
Und statt margin-left: auto; sowie margin-right: auto; wäre einfach margin: auto; besser.

Edit: Welches Problem bei der Überlagerung auftritt, ist mir jetzt nicht so ersichtlich.
Etwas mehr Code wäre schön.

 

[raven16]

So viel arbeit wegen so nem kleinen Fehler...
Der hat das nur abgeschnitten weil die höhe der gesamtbox-div nicht festgelegt war und der dann automatisch die größe des banners genommen hatte irgendwie...

 

[PW-toXic]

und mach wie gesagt dsa background: none weg.. das ist falsch

ich glaub auch fast dass es irgendwie daran lag.

 

[Crizzo]

Könnte daran liegen das div.gesamtbox nicht mitwächst, weil die inneren Element z.B. "float" haben.

Der IE hat dort einen Bug, der hier zum vermeidlich richtigen Ergebnis führt.

Ist so zu beheben: http://xhtmlforum.de/40267-faq-h-ufig-gestellte-fragen-und.html#faq2

Genaueres kann man nur sagen, wenn du deine Seite einfach mal online stellst und man sich den Fehler "live" ansehen kann.