Есть два элемента, которые перекрываются. Нужно, чтобы content перекрыл tri, а не наоборот. Но z-index не дает никакого эффекта. Проверялось в вебките и ФФ. Что посоветуете?
<div>
<div class="tri">
</div>
<div class="content">
some text
</div>
</div>
.tri {
z-index: 0;
position: absolute;
width: 20px;
height: 20px;
background-color: brown;
}
.content {
z-index: 2;
background-color: red;
margin-left: 10px;
}