Forums

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.

treehouse : what would you like to learn today?

Forums

IE no the rest is okay