CSS Floating. Nesanāk pielikt tekstu pie bildes ar css.

Vajag šādi pielikt tekstu pie bildes. Ar CSS ir noteikta bildes atrašānās vieta.

Šādi izskatās CSS.

#box1 {
position:absolute;
left:430px;
bottom:750px;
border:solid;
border-color:black;
border-width:1px;
background-color:orange;
width:500px;
height:80px;
}
#box2 {
position:absolute;
left:300px;
bottom:750px;
border:solid;
border-color:black;
border-width:1px;
background-color:yellow;
width:125px;
height:80px;
}
#box3 {
position:absolute;
left:300px;
bottom:562px;
width:100px;
float:left;
}
#img {
width:250px;
height:180px;
}

Un šādi izskatās HTML.

<body>
<div id="box1">
<p>lala</p>
</div>
<div id="box2">
<p>lala</p>
</div>
<div id="box3">
<img id="img" src="cig.jpg" alt="img0"/>
</div>
</body>

Kaut kādīgi izmēģinājos pielikt, bet man nesanāca esmu saputrojies. Liku p (iekš div) tagu ārpus box3 ar CSS noteicu atrašanās vietu un itkā ir ok, bet teksts neapķer bildi. Tad vel mēģināju ielikt tekstu iekš box3, bet tad bilde iziet no saviem rāmjiem. Visa doma izskatās šādi.