Skapa hitlist med text till höger om en bild

Jag gör ett försök:

Börja med (X)HTML:

<ul class="lista">
   <li>
      <img src="image.jpg" alt="" />
      <div class="text">
      	<a href="#"><h2>Rubrik</h2></a>
      	<p>Brödtext</p>
      	<a href="#">länk</a>
      </div>
   <li>
</ul>

och CSS

ul. lista li{
	overflow:auto;
}

ul. lista li img{
	float:left;
	margin:0px 0px 0px 10px;
}

ul. lista li .text{
	float:left;
        width:200px;
}

overflow:auto; för att floatade element inte hoppar ut ur <li>
div.text för att hålla texten till höger så att den inte lägger sig under bilden när det blir för mkt text

Testa och berätta hur det gick!

Tack så mycket för att du hjälper mig! :D Dessvärre gick det inte alls..

http://gosverige.se

Jag la upp det i sidebar, på förstasidan längst ned till höger,
under den synnerligen välformulerade rubriken "ajkhsdjkashd" :D

Vad missar jag?!

Lägg upp CSS koden

Lawyer skriver felaktig CSS:

ul.lista li{
	overflow:auto;
}

ul.lista li img{
	float:left;
	margin:0px 0px 0px 10px;
}

ul.lista li .text{
	float:left;
        width:200px;
}

Haha, jag tjöt just "oiiiiiiiiiiiii" : Det funkade! TACK!

Ah hade visst lite brottom där!
tack för fixet!

NÖÖÖJD! Tusen tusen tack! :D Det fungerade utmärkt! Jag stilar vidare men
det går klockrent, TACK!

Allright :)
Snygg sida förresten, I like it! Markera gärna tråden som löst.