Двойной backround в CSS в IE

[Svoi]

Всех приветствую.

Возникла такая проблема.

background:   url(img/img1.png) bottom no-repeat,
			  url(img/img2.png) top no-repeat;

Создание окаймляющих элементов для верха и низа блока нормально отображается в Opera, Chrome

А вот IE 8 не отображает.

Если просто

background:   url(img/img1.png) bottom no-repeat;

То нормально, а вот для верха и низа сразу не отображает.

В чем проблема? Как обойти или исправить?

Спасибо!

Edited April 21, 2010 by Svoi

[stars]

Ну через запитую писать просто нельзя... Можете попробовать написать 2 раза бэкграунт:

background:   url(img/img1.png) bottom no-repeat;
background:   url(img/img2.png) top no-repeat;

но похорошему

<div style="background: url(img/img1.png) bottom no-repeat;"><div style="background: url(img/img2.png) top no-repeat;"></div></div>

берутся 2 слоя с и для каждого применяется свой бг естественно им надо указать ширену и высоту(если они пустые)...

[Svoi]

Спасибо, 2 раза пробовал, тоже не отображает.

А силами CSS нельзя обойти?

Может как-то одну картинку отобразить и сверху и снизу?

[psywalker]

Спасибо, 2 раза пробовал, тоже не отображает.

А силами CSS нельзя обойти?

Может как-то одну картинку отобразить и сверху и снизу?

Можно, только если она будет всегда одной высоты.

[mishka]

Опера и Хром поддерживают некоторые стили из CSS 3.0 поэтому и могут отображать несколько бг на одном блоке.

IE8 наконецто полностью CSS 2.1 начал поддерживать. Из CSS 3.0 он ничего не поддерживает. Поэтому так нельзя для него сделать.

Хотя если подумать то можна попробовать через :after