Having some problems, with IE and FF

Hey guys

I'm having two problems with my site at the moment one is in IE and the other is in FF. See my site at: www.skiaustralia.abshost.net

The IE problem:
Well if you view my site in FF you will see the way it is meant to look. But in IE for some reason the main body of text is displaying below the menu, i've tried to fix it but i've found no solution

The FF problem:
The menu is not working (although if you hover over home it will act as it should, but this is not the case with the others) in FF, i've looked over the css and i could see nothing wrong with the menu css. The only changes i have made are to the colour attributes.

Any help would be greatly appreciated.

Thanks
Powderhound

First off, you can remove all the "background-color: inherit;" values. Everything is automatically inherited anyway, hence the "Cascading" part of CSS.

For the IE problem, you don't need to use the position property in this situation. Merely floating the content to the right and the navigation to the left will work.

And for the FF issue: Instead of .menu, use .menu a and .menu a:hover. This is most likely the culprit.

I did what you said and it has fixed the alignment problem in IE, however it has created some other problems, have a look, here http://www.skiaustralia.abshost.net/

I'm afraid I don't have IE as I'm on a Mac. Did my Firefox advice help, though?

You have three errors in your css which I'm sure must be effecting things. The lines are:

59, px missing,
89, bottom is not a valid value for position,
138, border-collapse: padding: 0; is not a valid line.

Fix these and then lets look again.

Well the menu has been fixed but i'm having a problem with the container Div finishing to early in FF
Also the Text is still not aligning in IE, and the footer is right under the menu.

You haven't corrected line 138 from my previous post.

Your pages require a charset to be identified so the browsers know how you expect certain characters to be interprited.

With xhtml 1.1 this ought to be at least utf-8.

Sorry, i mustn't have uploaded the modified version.
I don't understand what a charset is?
Also the menu is playing up a bit

If i was to put a Charset in, what should i put were the question marks are?

HTML: Select all

<meta http-equiv="content-type" content="text/html" charset=????/>

Replace the ???? with utf-8 and don't forget the space before />.

Your current stylesheet still has the error on line 59 previously posted.

Fix these and then lets look again.

Right, i've fixed what you said. But the menu is still not working in FF and the text aligning in IE