Divs getting blown out, no idea what the hell is going on. Please help!

[IdiotInstitute]

Thank you in advance to anyone that can take a couple of minutes out to help me out. This is getting annoying.

My problem lies in that I'm changing the navigation on my website. And it works fine on the normal pages, but when I change it in the pages that I have a div above it, it moves it way out.

I'm sorry, it's hard to explain...

This is how the page is supposed to look like with the new navigation...
http://www.theidiotinstitute.com/index1.html

This is the problem page, the "news" section...
http://www.theidiotinstitute.com/news1.html

And this is how the news page currently looks with the old navigation...
http://www.theidiotinstitute.com/news.html

I know it has something to do with the div that I have the "news" in,
but for the life of me can't figure out why.
Any help would be greatly appreciated.

Thank you,

Jimi

[WebJoel]

....<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/qQKbj2IfF8Y"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/qQKbj2IfF8Y" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>.... May not be 'the problem' but these tags support 'self-closure', so I'd be writing them as :

<param name="movie" value="http://www.youtube.com/v/qQKbj2IfF8Y" />[/B] That is 'whitespace + forwardslash'.

And the "<embed>" tag being deprecated, has been replaced.

I'm still looking the code over...

[IdiotInstitute]

Thank you for pointing that out, I just straight copy and pasted the code from the embed code that youtube provides.

Although that is not the problem, because even if I take out all the "news" content and just leave a little bit of text, the same thing is still happening...