CSS изображение с плавающей точкой в ​​IE6

Question

В нижней части этой страницы (внизу с углами) у меня странная проблема с IE6. Я попробовал Google безуспешно, как и на самом деле, как вы задаете этот вопрос.

В IE6 угловые изображения, всплывающие влево и вправо, по-видимому, вызывают пропуск пространства.

http://www.duncanhadleytriathlon.ca/

Есть предложения, почему это может быть?

Answer 1

Вы используете прокладки? Если это так, вы должны вычесть отступы из других ваших значений (влево / вправо). Я не знаю, помогает ли это или нет, но я заметил, что в Firefox 3.6.3 также есть проблема (вероятно, та же, что и вы). Я предлагаю вам использовать javascript DD_roundies для создания закругленных углов в браузерах IE. Его можно найти по адресу: www.dillerdesign.com / эксперимент / DD_roundies /

[Редактировать]: Проблема, о которой я сказал, касается закругленного угла зеленой панели внизу страницы.

Answer 2

Я бы предложил использовать position: absolute для размещения изображений.

Другие идеи будут:

• Отбросьте #mtmi и просто сделайте фон #mtm белым (вам нужно изменить изображения, чтобы сделать фон черным, а не прозрачным.
• Даже возможно падение #mtm, но изображения непосредственно в #main
• Игнорировать старые браузеры и использовать закругленные углы CSS3.