Здравствуйте, сообщество StackOverflow, я столкнулся с проблемой, которая, откровенно говоря, сбивает меня с толку, и я удивлен, что не столкнулся с этой проблемой раньше.
Извинения, если я упустил что-то простое - у меня естьпроделал расширенный поиск в Google и StackOverflow безрезультатно.
Моя проблема заключается в том, что при применении отступа к Div контейнер растягивается на указанное количество отступов в Firefox / Chrome, но не в IE.Я видел предложения по добавлению "display: inline;"или "display: inline-block;"чтобы решить проблему, но это имеет для меня значение.
Вот приведенный пример: 
И код для этого примера:
<html>
<head>
<style type="text/css">
#div1 {
background-color:black;
width:400px;
height:300px;
padding-top:10px;
}
#div2 {
background-color:red;
width:400px;
height:280px;
padding-top:10px;
}
#div3 {
background-color:blue;
width:400px;
height:260px;
padding-top:10px;
}
#div4 {
background-color:green;
width:400px;
height:200px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3">
</div>
</div>
</div>
<div id="div4">
</div>
</body>
</html>
Что такоеЯ скучаю?Буду признателен за любую помощь.
Спасибо.