Tekst przeskakuje do niechcianej linii

Zobrazuje moj problem, bedzie wam go lepiej zrozumiec.

A teraz kod:

<div class="container">
   <div class="image">
     <img   src="src.jpg"/>
   </div>

   <div class="opis">
     <p>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</p>									
   </div>
</div>
 

 
.container{
width:300px;
height:450px;
background-color:#FFF;
margin-top:75px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.image img {
width:100px;
height: 100px;
margin-top:35px;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
float:left;
margin-right:26px;
}

.opis{
float:left;
margin-top:40px;
}

A wiesz dlaczego masz taki problem?

Zobacz div klasy opis, nie ma zadanych wymiarów.

Zadaj jakieś wymiary klasie opis, ja dałam width na 100 px i jest okey.

Jeśli chcesz aby ten tekst był jeden pod drugim, dodaj spacje. Inaczej rozszerzy Ci się strona w wypadku gdy nie starczy miejsca. Zamiast polecieć na dół.

Nie wiem jakich przegladarek uzywacie ale u mnie nie dziala.

Hm, juz dziala. Chyba jakas chwilowy bug. Dodalem height i width i jest okej. Dzieki!