repeat-x geht im FF nicht

[Grafiknet]

Hallo,

habe folgendes problem: Ich habe einen Div Container, indem 2 andere Div´s liegen. Jetzt soll der umschließende Container ein Bild beinhalten, dass per repeat-x wiederholt wird:

<div id="content_middle">
	<div id="mainbody"></div>
	<div id="right"></div>
	<div class="clear"></div>
</div>

Und hier die CSS dazu... Eine backgroundfarbe geht, aber das Bild wiederholt sich einfach nicht.

#content_middle{
position:relative;
width: 887px;
margin: 0 auto;
height:auto;
text-align:left;
background-image:url(../images/main_repeat.png);
background-repeat:repeat-x;
}

#right{
float:right;
width:260px;
background:#CCFF33;
margin-right:30px;
}

#mainbody{
float:left;
width:560px;
margin-left:30px;
background:#6666CC;
height:auto;
}
div.clear{
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}

Im IE 7 geht es aber im Firefox eben nicht... Ist das ein Bug?

Danke gruß Peter

 

[Maik]

Hi,

tausch mal für #content_middle die automatische Höhe gegen die Höhe des Hintergrundbildes.

mfg Maik

 

[Grafiknet]

Danke Maik, für die rasche Antwort.

Aber das Hintegrundbild ist 1px hoch und soll doch repeatet werden...

Wenn ich das Bild ohne repeat einfüge wird es auch angezeigt, aber eben nicht als repeat über die // auto:height //

 

[Maik]

Soll das Hintergrundbild dann nicht eher vertikal wiederholt werden, also repeat-y?

mfg Maik

 

[Grafiknet]

Man ist das peinlich.... Klar es war ein falscher repeat...

Aber was ich mich frage warum der IE7 und Safari es als repeat-y interpretieren obwohl ich repeat-x in der CSS stehen habe.

PS: Ich sollte Samstags doch lieber wieder Bier trinken gehen, anstatt zu arbeiten.
PSS: Danke Maik...manschmal sieht man den Wald vor lauter Bäumen nicht..

 

[Maik]

Bei mir halten sich der IE und Safari an die festgelegte Ausrichtung der Bildwiederholung.

mfg Maik