The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS rounded corner menus doesnt show up in ie Re: rounded corner menus doesnt show up in ie

Rob MacKay

Firstly well done! its looking much better code wise :) We all have to start somewhere, so don’t worry about being new to CSS… :)

Ok questions:

1. the mouse over is not working fine….i did not use the margin top which i usually used to, as per your guidelines

your <a> tag element by defualt is classed as an "inline" element, you need to display it as a "block" so that you can set a height to it :) So, what you need to do there is add:


to your ul#menu li styling.

Now you might see it all go a little wrong when you do that, this is because you need to set some float to your SPAN’s, so add:


to your span.active_left and span.active_right :)

That should sort that problem.

2. the active background effect is not seen fully …

I think you mean the background effect/image of the menu hover? If so again its because the <a> is classed as inline, and you need it to be a block reaching the full height of your menu. So find your ul#menu li a:hover and set:


and I think that should pretty much do it :)