Ok, if you go here: http://opportunityfinance.net/Test/2013conf/index.htmlYou will notice 2 layout issues
This image of the 3 logos needs to be below the "Gold" \[code\]<h4>\[/code\] tag. But for some reason it won't do it. I have assigned the \[code\]<div>\[/code\] tag a position of \[code\]relative\[/code\] since there are other divs within it that need to align the images to the bottom, and this does it correctly, however, it now won't go below the \[code\]<h4>Gold</h4>\[/code\] HTML.Next Layout issue:
I have been trying like hell to get a footer on the bottom of the page. Sounds simple right? WRONG! But now that I got the div to be at the bottom, it seems to be cutting off the top area divs above it. So, not all of the content is showing. Instead it is being pushed underneath of the footer. How can I fix this? Tried to put a padding on it, but now sure where and/or how? margin-top on the footer doesn't seem to do anything either.Any help on this is greatly appreciated. I have been struggling like hell to get this simple layout in order. It should be a fluid layout, as I'm resizing text down as the page resizes also, which seems to be perfectly fine, except for these 2 problems 
EDITHere is a pic of what it looks like when applying the container div a 100 pixel height value:
It is giving it too much space between the \[code\]<h4>Gold</h4>\[/code\] and the 3 images. Atleast this is the case in Opera. Any possible work-arounds for this?
EDITHere is a pic of what it looks like when applying the container div a 100 pixel height value: