Приветствую всех и спешу поделиться проблемкой некорректного отображения свойства Border-radius в Opera 12.16(про ie молчу).
Суть проблемы: Недавно мы обновили дизайн на главной страничке нашего проекта "
Аниме с Рутуба" и вроде бы всё было хорошо, пока не обнаружилась проблема отображения свойства Border-radius у таблицы со слайдером вот скрин из оперы:
http://anime-rutub.moy.su/cr/oooooo.jpg
Прошу оказать помощь
Фрагмент разметки:
Код:
<table class="slidertab1"><tbody><tr><td class="slidertb1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<div align="center">
<div id="featured"><ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-3286"> <a href="#fragment-3286"> <img src="http://anime-rutub.moy.su/_nw/32/10691317.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-3119"> <a href="#fragment-3119"> <img src="http://anime-rutub.moy.su/_nw/31/69529460.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-656"> <a href="#fragment-656"> <img src="http://anime-rutub.moy.su/_nw/6/75173876.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2877"> <a href="#fragment-2877"> <img src="http://anime-rutub.moy.su/_nw/28/98453189.jpg" alt="" class="jpgslider"></a></li><li class="ui-tabs-nav-item" id="nav-fragment-2926"> <a href="#fragment-2926"> <img src="http://anime-rutub.moy.su/_nw/29/72065316.jpg" alt="" class="jpgslider"></a></li>
</ul>
<div id="fragment-3286" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/32/10691317.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/magi_labirint_volshebstva_vtoroj_sezon_magi_2_magi_the_kingdom_of_magic/2014-03-30-3286" target="_blank">Маги: Лабиринт Волшебства (второй сезон) * Magi 2 * Magi: The Kingdom of Magic</a> </div></div><div id="fragment-3119" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/31/69529460.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/ne_moja_vina_chto_ja_ne_populjarna_watamote/2013-09-27-3119" target="_blank">Не моя вина, что я не популярна! / WataMote +16</a> </div></div><div id="fragment-656" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/6/75173876.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/fairy_tail_fan_art_amv/2010-07-14-656" target="_blank">Фан Арт Трейлеры и AMV по аниме Fairy Tail / Хвост Феи</a> </div></div><div id="fragment-2877" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://anime-rutub.moy.su/_nw/28/98453189.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/moja_sestrenka_iz_osaki_boku_no_imouto_wa_osaka_okan/2013-02-08-2877" target="_blank">моя сестренка из осаки / Boku no Imouto wa Osaka Okan</a> </div></div><div id="fragment-2926" class="ui-tabs-panel" style="opacity: 0.216225;"> <img src="http://anime-rutub.moy.su/_nw/29/72065316.jpg" alt="" class="jpgslider2"> <div id="GoD" class="intro"> <a href="/news/ore_no_kanojo_to_osananajimi_ga_shuraba_sugiru/2013-02-08-2926" target="_blank">Ore no Kanojo to Osananajimi ga Shuraba Sugiru / Между двух огней - девушка и моя подруга</a> </div></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script></div>
</td><td class="slidertb2">
<!-- <аниме конкурсы1> -->
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_amv_sentjabr/1-0-153" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/amv_septemberr.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс AMV Сентябрь</b>
<span>Конкурс AMV Сентябрь 2014 начинается через
<script language="JavaScript">
d0 = new Date('september 1, 2014');
d1 = new Date();
dt = (d1.getTime() - d0.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-130дней</span></b></span></bdo></a></div></div>
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_amv_ijulskaja_zhara/1-0-154" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/jara_amv.png" alt="">
<i></i>
<bdo dir="ltr">
<b>AMV конкурс Июльская Жара</b>
<span>Июльская Жара 2014 начинается через
<script language="JavaScript">
d1 = new Date('july 1, 2014');
dr = new Date();
dt = (dr.getTime() - d1.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-68дней</span></b></span></bdo></a></div></div>
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_karikatura/1-0-155" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_karikatura.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Карикатура</b>
<span>Аниме Карикатура 2014 начинается через
<script language="JavaScript">
d1 = new Date('may 1, 2014');
dm = new Date();
dt = (dm.getTime() - d1.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-7дней</span></b></span></bdo></a></div></div>
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_pesnja/1-0-156" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_vmk.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Песня</b>
<span>Аниме Песня 2014 начинается через
<script language="JavaScript">
d1 = new Date('june 1, 2014');
dj = new Date();
dt = (dj.getTime() - d1.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-38дней</span></b></span></bdo></a></div></div>
<!-- </аниме конкурсы1> -->
</td>
<td style="text-align: left; vertical-align: top; letter-spacing: 0px; word-spacing: 0px; ">
<!-- <аниме конкурсы2> -->
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_scenarist/1-0-157" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_szenarist.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Сценарист</b>
<span>Аниме Сценарист 2014 начинается через
<script language="JavaScript">
d1 = new Date('august 1, 2014');
dj = new Date();
dt = (dj.getTime() - d1.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-99дней</span></b></span></bdo></a></div></div>
<div class="images_fuku">
<div class="inform1">
<a href="http://anime-rutub.moy.su/news/konkurs_anime_risovka/1-0-158" target="_blank">
<img class="img_konkurs" src="http://anime-rutub.moy.su/amv_cent/anime_painting.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Конкурс Аниме Рисовка</b>
<span>Аниме Рисовка 2014 начинается через
<script language="JavaScript">
d1 = new Date('october 1, 2014');
doo = new Date();
dt = (doo.getTime() - d1.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-160дней</span></b></span></bdo></a></div></div>
<div class="zimovka">
<div class="zimma">
<a href="http://anime-rutub.moy.su/news/zimovka_na_proekte_anime_s_rutuba/1-0-150" target="_blank">
<img class="img_konkurs2" src="http://anime-rutub.moy.su/amv_cent/zimovka.png" alt="">
<i></i>
<bdo dir="ltr">
<b>Аниме Зимовка </b>
<span>Зимуем на проекте "Аниме с рутуба" через
<script language="JavaScript">
d1 = new Date('december 1, 2014');
ddd = new Date();
dt = (ddd.getTime() - d1.getTime()) / (1000*60*60*24);
document.write('<B><SPAN style="COLOR: #faca0a">' + Math.round(dt) + 'дней</SPAN></B>');
</script><b><span style="COLOR: #faca0a">-221дней</span></b></span></bdo></a></div></div>
<!-- </аниме конкурсы2> -->
</td></tr></tbody></table>
Фрагмент css:
Код:
.slidertab1{
width: 1000px;
border-collapse: collapse;
margin-top: 5px;
background-color: #2b2b2b;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-khtml-border-radius:12px;
-o-border-radius: 12px;
-icab-border-radius: 12px;}