CSS menu doing strange things in IE7

OK first things first, using compatibility mode and the developer tools, I got the header to line up correctly by getting rid of the background-image:url(header.gif); WIDTH:800px in the #header css declaration.
I will look into the other problems

A lot of your styling is CSS3, and IE7 does not support most CSS3 so it just makes a guess about how to render.  The bottom line is you cannot use modern code and expect an obsolete browser to render it correctly.


Cd&

So, Where is the problem? The IE always do strange things :-p
So i think this is the regular functionality of IE :-)

Just kidding. IE6? My friend the IE6 is not supported anymore even from the Microsoft. So you don't have care about that. IE7 does not support many features of CSS3.

Here is a nice guide with tables about what the IE (all versions) supports and what not. http://msdn.microsoft.com/en-us/library/cc351024(v=vs.85).aspx

Im just wondering if Im better off putting a little bit of code together, so that if its IE6 it uses a simpler style sheet that just shows the menu items, rather than half the items disappearing...