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:

Code:

display:inline-block;
height:36px;
float:left;

to your ul#menu li a.active 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:

Code:

float:left;

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:

Code:

display:block;
height:36px;

and I think that should pretty much do it :)