CMS Made Simple Forums

Posted: **Tue Apr 04, 2006 3:56 pm**

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

Posted: **Tue Apr 04, 2006 5:18 pm**

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

Posted: **Tue Apr 04, 2006 7:03 pm**

Once again, Mark - thanks for your help

CMS Made Simple Forums

CSS-menu and borders in IE vs. Firefox

CSS-menu and borders in IE vs. Firefox

Re: CSS-menu and borders in IE vs. Firefox

Re: CSS-menu and borders in IE vs. Firefox