Я просматривал веб-страницы и обнаружил несколько вещей, которые позволяют предположить, что вы можете использовать файл bprder-radius.htc, чтобы заставить атрибут радиуса границы работать в IE.
IЯ добавил немного кода, который он предлагает, но не могу заставить его работать.
Вот мой исходный код
<div class="body">
<div class="menu">
<p><a class="menuButton">Home</a></p>
<p><a class="menuButton">Availability</a></p>
<p><a class="menuButton">Treatments</a></p>
</div>
</div>
И мой CSS
.body {margin:auto; width:1096px; height:500px;}
.menu {position:relative; top:150px; overflow:hidden; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; behavior: url(border-radius.htc);}
.menu p {text-align:center; width:124px; float:left; border:solid 1px #e94f7b; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
Вот то, что я получаю в IE с этим кодом
![Image1](https://i.stack.imgur.com/5sRNU.jpg)
И вот что это должно быть
![Image2](https://i.stack.imgur.com/dnpbF.jpg)
Любые идеи, почему этоне будет работать?
Заранее спасибо
РЕДАКТИРОВАТЬ
Ссылка на страницу - http://jamietaylor -webdesign.com / cms/