z-index IE8

[arthyrgrex]

Добрый день!

Есть проблема:

Есть два дива. bottomgradient - заливается на всю ширину одним элементом. bottomleft - ложится поверх заливки слева.

В мозиле все отлично, +1 в опере, а вот в IE8 - хрен.

Как это можно исправить?

HTML

<div id="bottomgradient">bottomgradient
	<div id="bottomleft">bottomleft</div>	
</div>

CSS

#bottomgradient {
	height:19px;
	background-image:url(../images/1_22.png);
	position:relative;
	z-index:1;
}
#bottomleft {
	width:101px;
	height:19;
	background-image:url(../images/1_21.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	z-index:2;
}

[psywalker]

1. height:19;

Где тут единица измерения?

2. Вот это не нужно совершенно.

position:relative;

z-index:1;

[arthyrgrex]

1. height:19;

Где тут единица измерения?

2. Вот это не нужно совершенно.

position:relative;

z-index:1;

Единицу измерения поправил, спасибо.

Убрал position:relative;

z-index:1;

Заливка вообще не отображается. Просто слева располагается элемент bottomleft.

ПРОШУ прощения! заливка уехала под остальные дивы. Сейчас разберусь, если будет проблемка отпишу.

Edited March 31, 2011 by arthyrgrex

[psywalker]

ПРОШУ прощения! заливка уехала под остальные дивы. Сейчас разберусь, если будет проблемка отпишу.

Вот это больше похоже на правду. Контейнеру задай overflow:hidden;

[yujin11]

Странно, а у меня всё работало и без overflow:hidden;

[psywalker]

Странно, а у меня всё работало и без overflow:hidden;

Потому что у обёртки прописана высота.