Баги обозревателя Mozilla FireFox .

Суть проблемы в применении стиля бордюра CSS 3 - border-radius в таблицах , а именно в тегах table и td . В обозревателях Internet Explorer 9 и Google Chrome указанные зоны выполнены с закруглением углов в стилях тегов , как это и планировалость изначально . А как это выглядит на странице в обозревателе Opera можете убедиться сами .

Для более наглядной демонстрации факта бага далее приведён пример HTML и скриншоты из которых ясно видна суть проблемы .... HTML примера . <table style="background-image: url('http://runettex.clan.su/FPD/FPPG.png'); border: 1px transparent solid; border-radius: 1.7em; width: 30%; margin: 5em 0px 0px 5em;" cellpadding="0" cellspacing="0"> <tr style="background-image: url('http://runettex.clan.su/FPD/FPPG.png');"> <td colspan="2" style="border: 1px transparent solid; border-radius: 1.7em 0px 0px 1.7em; padding: 1em;"> <img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"> <img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"> </td> <td style="border: 1px transparent solid; border-radius: 0px 1.7em 1.7em 0px; padding: 1em;"> <img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td> </tr> <tr> <td style="padding: 1em;"><img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td> <td style="padding: 1em;"><img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td> <td style="padding: 1em;"><img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"></td> </tr> <tr style="background-image: url('http://runettex.clan.su/FPD/FPPG.png');"> <td colspan="3" style="border: 1px transparent solid; border-radius: 1.7em; padding: 1.7em; text-align: center;"> <img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"> <img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"> <img src="http://runettex.clan.su/FPC/test.gif" style="width: 3em;"> </td> </tr> </table>

Скриншот примера как он отображается в обозревателях Internet Explorer 9 и Google Chrome 12 .....

А вот так пример отображается в обозревателе FireFox .....

Суть проблемы в том что обозреватель Opera применяет стиль бордюра - border-radius в тегах таблицы только в теге table , стиль бордюра border-radius в теге td Opera не применяет , несмотря на то что он там прописан . Цветными указателями указаны , " углы " фона тега td , незакруглённые ни стилем прописанным в самом теге и не ограниченные стилем бордюра в теге table ( указатели на белом фоне ) .
Само собой разумеется так же отсутствует закругление фона тега td и изнутри конструкции примера ( указатели на фоне самого элемента ) .

mod . 14.11.2011 Mozilla FireFox - баги и артефакты обозревателя якобы поддерживающего стандарты HTML 4.01 , CSS 2.1 и CSS 3 . Обнаруженные в процессе создания сайта . С описанием и примерами HTML текста , скриншотами багов .
• Главная страница сайта . • Баги Opera Next . • Баги Google Chrome .