Изменение расстояния между элементами в Css

  • Автор темы CoDaJJe
  • Дата начала
C

CoDaJJe

#1
У меня есть код CSS, создающий полукруглый блок:
Цитата
<style type="text/css">
div#roundcorners{ margin: 0 0%;text-align:left; background: url(gradient.png)}
p{padding-bottom:1em}
b.rtop, b.rbottom{display:block; background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 2px; overflow: hidden; background: url(gradient.png)}
b.r1{margin: 0 8px;}
b.r5{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 0px;height: 1910px;}
</style>
<div id="roundcorners">
<b class="rtop">
<b class="r1"></b> <b class="r5"></b><b class="r2"></b><b class="r3"></b></b>
<center>
Текст вверху полукруглого блока</center>
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b><b class="r5"></b> <b class="r1"></b></b></div>
Все хорошо, НО: в IE есть бага, в которой все эти элементы (r1,r2,r3,r4,r5) "расползаются" (то есть между ними появляется расстояние в несколько пикселей).
Задача: это расстояние (соответственно и багу) убрать.
Буду очень благодарен.
P. S. gradient.png - картинка с фоном полукруглого блока.