0

Possible Duplicate:
ie9 border radius

I am trying to figure out why my code is not working for IE9. My website for IE9 is working perfectly with the border-radius to be shown as it should. My problem is that I have a pop-up window and I use CSS3 again for corners at the reserve button, but it doesn't work at IE9. My code is:

#reserve button {
  width: 100px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: #000 1px 1px;
  border-top: 1px solid #ad64e0;
  margin-top: 10px;
  font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;

  /*** Adding CSS3 Gradients ***/ 

  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 60px;
  behavior: url(border-radius.htc);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
  background:  -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
  background: #781bb9;
}

When I use the same code in a normal window, not in a pop-up, it is working. But at the pop-up window it doesn't work. Any idea?

Community
  • 1
  • 1
apoellitsi
  • 249
  • 6
  • 21
  • 1
    If your popup is an iframe, it might be missing a meta tag or doc type: http://stackoverflow.com/questions/5381446/ie9-border-radius – bendytree Feb 23 '12 at 00:39
  • Just posting the CSS here isn't really helpful. You've already stated that it **works**. Something about your popup is causing it not to work. You'll need to provide a live example to be analyzed. – animuson Feb 23 '12 at 00:40
  • Thank you bendytree i was misiing the – apoellitsi Feb 23 '12 at 00:43

0 Answers0