OPTION tag breaking floating div

[Mort]

Hey

For some reason I have a select / option tag that is breaking a floating image on my page. Normally the image is floating down the side of a content container like a skyscraper banner.

I am making a form on the page, and when I use a SELECT element with an OPTION tag inside, it breaks the float and makes it appear underneath. I have no styles in my stylesheet that even mention SELECT or OPTION tags so any ideas as I am lost?

Working but WITHOUT option in select tag


Broken WITH option in select tag


A couple of images there to show you what I mean

Also my class for the floating skyscraper div

#sidebar_left {
	background-color : #f47c31;
	float:left;
	width:79px;
	height: 508px;
	margin-top: 30px;
	margin-left: 25px;
}

Any ideas? Thanks in advance!

 

[Tripnologist]

Got a link to the actual page where it's broken?

 

[Mort]

yeah sure

http://antimac.meloncreative.co.uk/ebusiness/index.php?view=contact

at the mo its in its broken state, but the text reading "where you'll find us" should run along the left at the top of the page as in the first screenie above

 

[Mort]

actually no matter, fixed it by sticking a <br> after the div tag with the skyscraper, plus moved it to another location in the code

 

[Boov]

looks fine in both FF and IE7 for me. and i cant see anthing that might be the cause of the problem.

at first i thought it was that <p class="clear" />, but i see your using a HTML doctype, but then again, isn't that style of self closing tag only usable in XHTML?

try validating your pages, there are a few errors, nothing that appears to be causing the problems your having, but ya never know, iv seen stranger things happen with html and css.

http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0