Проблема с CSS (дизайн без таблиц)...

[Psionic Vision]

Вот, я тут понимаете эксперементирую с CSS, пытаюсь сделать окошко со скругленными углами без таблиц... В Опере 8 все окей, но в Internet Explorer 6 какая-то ерунда показывается.

Подскажите, пожалуйста, что я написал не так?

Посмотреть можно тут:
http://darkvisor.nm.ru/

[RaZEr]

div#content_top, div#content_bottom
{
height: 6px;
text-align: center; /* this is for the border div */
font-size: 6px;
}

[Psionic Vision]

Это решает большое расстояние снизу.
Но - есть другая проблема. Между уголками и прямыми линиями не должно быть расстояния. А оно есть в осле 5.5...

[RaZEr]

Замени "&nbsp;" на: <img src="blank.gif" width="1" height="1" />

[Psionic Vision]

RaZEr
Расстояние наблюдается по горизонтали, а не по вертикали. Чтобы было понятно, вот скриншот.

[RaZEr]

Страшно. У меня такого нет. IE 6.0/XP.SP2

Попробуй убрать все пробелы и переносы между тегами.

[Psionic Vision]

Уборка переносов не помогла...
Мдаа... ладно, буду ждать пока кто еще чего скажет.


P.S. А кто-то еще ваще польузется IE 5.5?

А может, это связано с плавающим позиционированием уголков?

Нашел кое-что:
http://www.positioniseverything.net/...reepxtest.html

Но как это применить к моему коду - не пойму...

[Psionic Vision]

Никто не знает как решить проблему?

[RaZEr]

Я думаю что IE5.5 уже ни у кого из разработчиков нет.

[Psionic Vision]

Гуд.. В таком случае я просто забью на это дело. Раз оно нормально работает в 6м IE.

[Psionic Vision]

Ок, теперь другая проблема: опять пробелы, но уже в 6м осле.. (
вот: http://darkvisor.nm.ru/

[Psionic Vision]

Проблема решена! Я нашел как сделать без floatов и каких бы то ни было картинок. Вот ссылка:
http://www.stunicholls.myby.co.uk/boxes/krazy.html

Причем это также корректно работает в осле 5.5й версии