IE and Opera breaks my menu, fine in Firefox

[wolven]

Hello. I need some help figuring out why IE7 and Opera (I'm told) breaks the menu on a website I'm working on. It looks just fine in Firefox.The URL http://www.vestbykunstnerne.org/The relevant CSS (Or at least what I believe is the relevant code, problem might be elsewhere.)

/*** Navigation bar top ***//* Code from: http://www.dynamicdrive.com/style/csslibrary/item/css_indent_menu/*/.indentmenu{   font: bold 12px sans-serif;   width: 100%; /*leave this value as is in most cases*/}.indentmenu ul{   margin: 0 0 32px 0;   padding: 0;   float: left;   width: 100%; /*width of menu*/   border: 1px solid #434b34;   border-width: 1px 0;   background: black url(img/navbar_bg.png) center center repeat-x;}.indentmenu ul li{   display: inline;}.indentmenu ul li a{   float: left;   color: #434b34; /*text color*/   padding: 8px 16px;   text-decoration: none;   border-right: 1px solid #434b34; /*divider between menu items*/}.indentmenu ul li a:visited{   color: #434b34;}.indentmenu ul li a:hover, .indentmenu ul li .current{   color: #000 !important; /*text color of selected and active item*/   background: black url(img/navbar_hover.png) center center repeat-x;}

I thought I'd eliminated the different browser padding and margin standards by doing:

* {padding: 0; margin: 0;}

But that might now even be why the menu breaks.Any hints or links to further reading would be appreciated.

[Kingy]

What you can do is link different stylesheets to your page so it can detect the browser and load accordingly.

[wolven]

That's a good idea, worth looking into, but I still need to figure out why the menu breaks in IE/Opera.

[Kingy]

I'm generally no good at instantly picking out little errors, but as you're aware of I'm sure browsers deal with CSS in their own little ways. A good reference I know of is here, this site tells you what bits of CSS are compatible with each.Site validation is a good idea as it will tell you which bits have problems.I also think that if you are using dreamweaver cs3 there is an option that will help you do that too.Hope this helps.http://www.quirksmode.org/css/contents.html

[wolven]

The site validates as CSS and XHTML (with one tiny error I need to fix) If that's the validation you're thinking of. (I don't have dreamweaver as I'm running Linux where I use Bluefish and Firefox to develop web pages.) I'm going to explore the possibility that the font and/or font size I've used is what breaks the menu. I'll dive into this and report back as soon as I get some other work wrapped up.Thanks for the quirksmode link, looks very handy indeed.