Browser Compatibility Issues

[icu222much]

I have started to create a simple website. The website seems to work in Opera. However, when I open it with IE and Firefox, everything seems to become funny - especially the menu bar. Is there something really wrong with my coding?

The URL:
http://www.sfu.ca/~jca41/stuph/rysa/...template3.html

[Wickham]

I can't see much of a problem except that there is a gap in the side borders above the footer in IE7.

This is because you have used a dummy #footer div there which has a line-height and shows the space as a gap. You shouldn't use an id twice on a page, so I used a separate clearer div with no line-height which forms an invisible barrier below the floated divs above:-

</div><!-- rightSide ends here -->

<!--<div id="footer"></div>deleted--> <!--dummy footer ends here -->

<div style="clear: both; width: 100%; height: 0; line-height: 0;
font-size: 0;">&nbsp;</div>

</div><!-- content ends here -->