[CSS]dziwny błąd pod ie6 :( Opcje

[sweter]

Na operze, firefoxie i ie7, 8 wszytko jest ok, ale na ie6 jest taki błąd:

(IMG:http://wstaw.org/images/free/2009/08/31/f2e2c1872f36ed100b6a5656a0e9e0.png)

Oczywiście ta ramka powinna być zamknięta.

Z lewej strony pokazałem jak wyglądają divy. A oto kod:

[CSS] pobierz, plaintext 
 
#top {
		background-image:url('./img/wspolpraca-top.png');
		background-repeat:no-repeat;
		width:151px;
		height:10px;
	}
#middle {
		background-image:url('./img/wspolpraca-middle.png');
		width:151px;
	}
 
#bottom {
		background-image:url('./img/wspolpraca-bottom.png');
 
background-repeat:no-repeat;
		width:151px;
		height:10px;
	}
 
 
[CSS] pobierz, plaintext 

Krótko mówiąc chodzi o to, że w ie6 div #top i #bottom rozciąga swoją wysokość

[guilty82]

sprobuj w #top: background-position: bottom;

[Pawel_W]

overflow: hidden i float: left

[wookieb]

Jak na moje oko to do #top wystarczy dodać

[CSS] pobierz, plaintext 
font-size: 2px;
[CSS] pobierz, plaintext 

Ale głowy nie daje. Jeżeli to nie zadziała to możesz spróbować z

[CSS] pobierz, plaintext 
display: inline-block;
[CSS] pobierz, plaintext 

[varez]

font-size wystarczy, dla ie6 minimalna wysokosc diva czy czegos to wysokosc czcionki (BYC MOZE tez linii [line-height]).. wiec majac czcionke np 12px i wysokosc 10px to ie rozciagnie tego diva na szerokosci

[sweter]

zmniejszenie font-size pomogło!
Wielgachne dzięki (IMG:style_emoticons/default/biggrin.gif)