Как я могу наложить DIV на другой DIV?

Я пытаюсь сделать наложение DIV на другое визуально. я стараюсь

{
position:absolute;
top:-10px;
}

в CSS, но я обнаружил, что этот топ атрибут не работает должным образом в Firefox. Дорогие ребята, как это сделать? Пожалуйста, помогите мне с некоторыми кодами или примерами. спасибо заранее

Ответы на вопрос(3)

Решение Вопроса

Вот простой способ

CSS
.top {
    position: relative;
}
.topabs {
    position: absolute;
}
HTML
<div class='top'>
    <div class='topabs'>
        I'm the top div
    </div>
</div>
<div>No styles, just frowns :(</div>​

Относительно позиционированный div сворачивается, так как нет содержимого, в результате чего координаты 0,0 абсолютного позиционного div совпадают с координатами div внизу.

скрипка

http://jsfiddle.net/y5SzW/

position: relative вместо абсолютного или добавить отрицательныйmargin-top: -10px вместо.

мне нравится использовать относительную позицию для такого рода вещей.

<html>
<head>
    <style type="text/css">
    body{
    background-color: #000;
    padding:0;
    margin:0;
    }

    #bottom {
    width: 200px;
    height: 200px;
    border: 5px #fff solid;
    background-color:#f00;
    margin: 0 auto;
    }

    .top {
    width: 200px;
    height:200px;
    top: 10px;
    left: -100px;
    z-index: 10; 
    background-color: #00f;
    color: #333;
    border: 5px solid #fff;
    position: relative;

    }
    </style>
</head>
<body>
    <div id="bottom">
        <div class="top"></div>
    </div>
</body>
</head>

Я бы, конечно, позже разделил CSS в его собственный файл.

Ваш ответ на вопрос