IE no the rest is okay

[mikey_hughes]

Howdy all,

I am stuck.. I can’t see why this will not work in IE… can you help please?

.link-2 {
display: inline-block;
float: left;
line-height: 45px;
/*background: #171717;*/
background-image:url(../images/bg_menu.jpg);
width:auto;
height:45px;
padding: 0 27px 0 27px;
color:#000;
text-decoration: none;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
cursor: pointer;
position: relative;
behavior:url(../js/PIE.htc);
font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif;
font-size: 18px;
background-color: #666;
}

.link-2:hover {background:#ececec; text-decoration:none; color:#171717}

Every browser except IE9 will show the button background image

my html is

[Paulie_D]

.link-2 {
display: inline-block;
float: left;

You have to pick one or the other…both will not work.

.link-2:hover {
text-decoration:none; <-- already stated no need to repeat
color:#171717 <-- missing semicolon
}

An actual link to the site would be more helpful.

[mikey_hughes]

Tnx for the tips and missing “;” But no change… :-(

[Paulie_D]

Like I said, we need a link….

[gilgimech]

It could be the

behavior:url(../js/PIE.htc);

I’ve found if you use css3Pie too much, it just breaks the css. I’ve just stop using it all together because of that.

[mikey_hughes]

Thanks, I will try REM the behavior:url(../js/PIE.htc); out. I too had a hunch it was this. I will post back..

[mikey_hughes]

Thanks. It was the css3Pie. I have remmed them all out! The button background image is now working on all browers.

[Author]

Posts