[css] układ, 2 elementy po dodaniu tekstu obrazek spada Opcje

[Lejto]

Mam taki kod:

[HTML] pobierz, plaintext 
<div id="img6">
         <div id="img7"> </div>
 </div>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#img6{
	background-image:url(../images/helltorrents33.gif);
	width:700px;
	height:435px;
	overflow:hidden;
	clear:both;	
}
#img7{
	background-image:url(../images/helltorrents.gif);
	width:175px;
	height:435px;
	background-repeat:no-repeat;
	float:right;	 
 
}
[HTML] pobierz, plaintext 

wynik:
(IMG:http://img231.imageshack.us/img231/5128/prawiews1.gif)
wyjadę się wszystko dobrze (kolor specjalnie taki zrobiłem żeby było widać (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) )

jak dodam jakiś tekst w:

[HTML] pobierz, plaintext 
<div id="img6">
         <div id="img7"> </div>
        </div>
[HTML] pobierz, plaintext 

np.

[HTML] pobierz, plaintext 
<div id="img6">a
         <div id="img7"> </div>
        </div>
[HTML] pobierz, plaintext 

to staje się tak:
(IMG:http://img87.imageshack.us/img87/3219/zle1xm5.gif)
obrazek po prawej spada ;/ co zrobić?

Ten post edytował Lejto 1.02.2009, 15:40:22

[Lion_87]

Rozwiązaniem może być potraktowanie #img6 jako box i wstawienie jeszcze jednego Diva

[HTML] pobierz, plaintext 
<div id="box">
<div id="img6"> </div><----float:left
<div id="img7"> </div><----float:right
</div>
[HTML] pobierz, plaintext