What's causing this effect?

Hi all,

I am working on a new website and I'm wondering what's creating the "sticking" effect in the navigation.

I'm getting this happening when I've hovered over a tab.

Click here to view the live website



See the green outline? Don't want that

 

I don't see those outlines on my computer
Did you fixed it?

 

It's your CSS:

#menu .menu-top > li:hover {
background-color: #22FF00;



If you don't want something, you shouldn't write code to cause it.

 

I dont see the effect either , probably you have fixed it.

 

That's the background-color. I'm on about the outline it's leaving? Maybe it's a specific problem to me because no one else is getting it?

 

I don't see those either.

 

Thanks for your input, think it's resolved now.

 

I'm seeing broken layouts across the board here - different layouts in five different browsers (IE7, IE9, Opera, FF and Chrome) means it's got problems.

Peeking under the hood, I see the HTML 5 bloat with that stupid malfing IE detecting crap by Paul Irish, a whole slew of pointless bandwidth wasting meta, no media targets on the stylesheet LINK, that stupid malfing 'modernizr' garbage that in my experience does more harm than good... and that's before I even get to the body. There you've got span for nothing, endless classes on everything for nothing, extra DIV for nothing, clearing DIV like it's still 2001, presentational images in the markup, invalid/malformed forms, small on text that is not being de-emphasized... jquery for christmas only knows what (Not that I'd EVER put that steaming pile of idiocy on a website) -- it's 10k of markup doing around 5K's job... basically DOUBLE the code needed.

Here's a BIG tip, if every single element of a single type is getting the same class inside a parent container that already HAS a class or ID, NONE OF THEM need classes in most cases... Anchors are perfectly good inline-level elements... as such all those .menu_button classes and span.menu_label serve no legitimate purpose.

But then I say the same thing about code bloat like HTML 5's idiotic 'nav' tag (which should be redundant to heading navigation if browser makers other than Opera would get off their asses and implement 4 properly BEFORE moving on to 5)

 

Hi deathshadow,

Thanks for your input. I am obviously a little outdated when it comes to some areas it seems. Things have moved on a lot and when I'm trying to implement html 5, it's backfiring it appears from your remarks.

Do you have a guide that you would follow? It's safe to assume that the layout I'm creating is very simple. I just need to remove some useless code.

Thanks,
Carl