Image overspill out of content area

[P-Worm]

Sorry if this has been asked before, but after quite a bit of searching, I couldn't find an answer to my problem - mainly because I don't know how to describe it simply.

I am having trouble correcting the image problem that I having at ediphonic.com. The image of the hat and microphone is spilling out of the designated area. The CSS for the div "float_image_left" is:

.float_image_left {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}

I assumed that padding-bottom: 20px; would take care of my problem, but it obviously doesn't. Could someone help me out?

Thanks,

P-Worm

 

[angelwatt]

Different things can be done.

1.

.main {
 min-height: 450px;
}

or

#contact {
 clear: both;
}

though you won't likely care for the result of this one.


2. Add a touch of HTML

<p id="notice"> ... </p>
<div class="clearing"></div> <!-- this line is new -->
</div>

and a touch of CSS

.clearing { clear: both; }

 

[P-Worm]

That did it. Thank you very much.

P-Worm