IE9 table not recognize border-radius

Question

I have a table and need to set border-radius 5px. It is working perfect in FF and Chrome but not working on IE9.

.XYZ table {
  border: 2px solid #E6E7E8;
  border-radius: 0.7em 0.7em 0.7em 0.7em;
  display: block;
  margin-top: 1em;
  overflow: hidden;
  display: block;
}

Please help me.

check out this thread http://stackoverflow.com/questions/5381446/ie9-border-radius — Arun P Johny, Mar 06 '13 at 08:51

score 0 · Answer 1 · answered Mar 06 '13 at 08:51

0

Add the following into your header

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

answered Mar 06 '13 at 08:51

Dreamwalker

3,032
4
30
60

I am working in Drupal and I have added the same tag that you have provided but it's not working in IE9. – Manjit Singh Mar 07 '13 at 07:30

IE9 table not recognize border-radius

1 Answers1