CSS-menu and borders in IE vs. Firefox

[Andor]

Hi,
I'm using the vertical CSS-menu and used Firefox for the first time today to check how my site looks with that browser.

Any idea why the following is displaying the wider border when hovering in IE but not in Firefox?

Code: Select all

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh, #primary-nav a:hover { 
	color: #000;
        background-color: #9999FF;
	border-left: 6px #FF9933; /* turning border orange and wider */
	}

#primary-nav a:hover { 
	padding: 5px 5px; /* to leave textlink in same position */
}

If it's helping, the link http://www.uglnorge.no/cms/

Thanks

[Dr.CSS]

border-left: 6px #FF9933;
border-left: 6px solid #FF9933;

missing a little something,    if you want just the second and third layers to have this border you will have to break them out of that list, when i tried this on your site every hover had a fat orange left border,

IE will work with sloppy (if you know what i mean) coding Firefox is not so forgiving, don't forget if you break out some of those things in
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh, #primary-nav a:hover {
that the last one doesn't have , on the end or nothing will work, i know from having done it.

  mark

[Andor]

Once again, Mark - thanks for your help