on this page here, why does is the content too far below the banner whereas in FF and IE7, it is only 20px below the banner?
i get the opposite, in FF its way far below, but on my ie tab its normal. im not sure what could be causing this, im not an expert.
Well... 22 Validation errors could be a place to start looking... Separating the presentation out of the markup could be a place to start looking... Axing that ridiculous TWELVE K OF JAVASCRIPT for a menu that shouldn't even be 1k of markup + CSS might help... Getting rid of the windows-1252 trademark character for an html entity (given the utf-8 encoding) isn't quite someplace to look, but certainly something to correct... Correcting the line-height to higher than the character height default so that different browsers don't hit up against their minimums... That right there could be contributing (you can see this in opera where the word 'disclaimer' is halfway off the image) to your issue. Though honestly there's so much cruft I'd say chuck it and start over... it's 17k of HTML for 593 bytes of content - perhaps one of the biggest /FAIL/'s I've seen in quite some time.
I had to use this javascript for the nav menu as the client will be implementing multiple levels of dropdowns. so it is what it is with that one.
it turns out that I had declared a height of 150px in my .bannertext class and that is what pushed the content further down it was supposed to. So I deleted that.