Arrrgh! Divs float and things not working

I am creating this website using perch CMS, created the template in freeway then striped back the code loaded into perch templates then things not expanding and footer jumping to the right. I used the same process to creat the gallery page and I have no problems with that.

Basically I just need to know how floats and clear: both make a difference? and to get this to line up. I have a feeling it’s probably my perch template which I will paste in the code below. Any help would be great! driving me nuts!

Code Below:

	<div id="Eventcontents" class="left f-x2 f-x3" style="position:relative; float:left; width:920px; clear:both; overflow:visible; min-height:210px">
		<div id="imagesideColumn" class="left f-x3" style="position:relative; float:left; width:230px; height:190px; clear:left; overflow:visible">
			<div id="Eventimagesidebar" class="glowgallery" style="position:absolute; left:0px; top:0px; width:222px; height:160px; z-index:1; border:solid #b6a77a 4px">
				<img src="<perch:content type="image" id="event_side_Image" label="Image" width="222" height="160" crop="true" />"/>

freewaytalk mailing list
Update your subscriptions at: