В блоке записей установлены «уголки» с помощью before и after. У всех четырёх стоит z-index: 3 !important;, у #page-t и #postsArea, поверх которых они отображаются — z-index: 2 !important;
В Firefox 3.5.9 и Opera 9.63 всё работает. В IE8 уголки перекрываются фоном #postsArea.
Как исправить, если вообще возможно? И какие ещё ляпы видны в других браузерах?

Часть кода:

 #page-t {padding: 10px 15px 10px 20 z-index: 2 !important;}
 #postsArea {margin-bottom: 0px !important; background: #fdfbf0 url('/userdir/6/2/4/1/624184/54743477.gif') repeat !important; z-index: 2 !important;}
 #postsArea:before {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913745.png'); width: 175 height: 100 left: 15 top: 175 z-index: 3 !important;}
 #postsArea:after {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913766.png'); width: 175 height: 100right: 244 top:175 z-index: 3 !important;}
 #page-c:after{content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913769.png'); width: 175 height: 100 left: 15 margin-top: -104 z-index: 3 !important;}
 #page-t:after {content:""; position: absolute; background: url('/userdir/6/2/4/1/624184/54913772.png'); width: 175 height: 100 right: 244 margin-top: -95 z-index: 3 !important;}

Смотрите также