[SOLVED] link padding wont show up in IE

[rh-penguin]

hi,

 

I've got some code like this:

/* main Menu font settings */
a.cMenu:link,a.cMenu:active,a.cMenu:visited {
color: #ffffff; 
font-size: 10px; 
font-weight: bold;
padding: 7px;
}
a.cMenu:hover { 
background-color: #cc3333;
padding-top: 14px;
}

As you can see its for links (hover and all)

What i am trying to achieve is when hovered over a button it chages background color(which i've done) but the background color has to hover in a specifc size if you get what i mean(this is why in:a.cMenu:hover i put padding)

I took 2 screenshots, one of IE and one of FF (FF render's it correctly, at least the way that i want) http://img219.imageshack.us/img219/4444/iepaddingproblembw8.png

If theres a different way of doing this or im doing this incorectly please tell me.

[phpQuestioner]

I did it pretty much like you did it and tested it in IE7 & FF and it looks fine in both. The padding displays like it should in both browsers.

 

here is how I did it:

 

<style type="text/css">
/* main Menu font settings */
a.cMenu:link,a.cMenu:active,a.cMenu:visited {
color: #ffffff; 
font-size: 10px; 
font-weight: bold;
padding: 7px;
        background: gray;
}
a.cMenu:hover { 
background: #cc3333;
padding: 7px;
}
</style>

<a class="cMenu" href="#">Register</a>

[rh-penguin]

no worrys, i got it working.

thank you!!!