CSS маржа странное поведение, почему?

Имея HTML ниже

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
    <div style="width:400px;height:200px;background-color:Gray;margin-bottom:10px;"></div>
    <div style="width:400px;height:200px;background-color:Green;margin-top:10px;"></div>
</body>
</html>

пространство между этими двумя DIV составляет всего 10 пикселей.

Почему? Объясните пожалуйста.

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

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