In the process of putting together a tutorial site but having a few problems (not finished so there will be many dead links and empty pages).

It works fine just the way I want it to in Firefox, but has different out comes in IE and Opera.

The Address http://tuts.mstd.eu/

All my CSS is here http://tuts.mstd.eu/css/main.css

You're right; it looks fine in both FF and Netscape, but you haven't stated what specific problems you have in IE and Opera.

The problem mainly lies within the navigation.

In IE it becomes staged down the page, Screen Shot: http://img207.imageshack.us/img207/5558/iemenuxd4.gif

In Opera it appears in a vertical list, screen shot here: http://img125.imageshack.us/img125/5118/opmenuty7.gif

You have the display:inline in the wrong place. Put it on the #nav li and your list will behave properly in IE and Opera.

Take it off of #nav and also remove the display: block - it is unnecessary.

Thanks ladynred your proving to be a grate help.

One more thing, the footer was ment to display at the bottom of the page, pages with lots of content manages to do this but others don't.

Is there anyway to nest it at the bottom of the page.

It displays the way I want it to here http://tuts.mstd.eu/web/relativity.html

You'll have to use the 100% height method to always stretch the page to the full height of the window.

Herm thanks for the tip, I have added it to me content and side bar, but still it stays sat right under the content.

Tried adding height 100% to the footer as well but makes the footer really small and doesn't change its position.

Something I probably doing wrong I no but can't work it out.

Try this:
http://www.communitymx.com/abstract.cfm?cid=BAD95