Всем пивет, ну что же продолжим серию вопросов "Неумеешь? Так сумей!" :)

Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически

<div class="content"></div>
<div class="div.doska_menu"></div> 
<div class="menu_temp">Какой-то текст</div>

div.doska_menu {
width:400px;
height:400px;
margin-top: 10px;
margin-left: 0px;
padding: 0px;
float:left;
background-image:url(../images/doska_menu.png);
background-repeat:no-repeat;
border:3px solid black;
}

div.content {
height:90%;
min-height:200px; 
padding:0px;
width:800px;
margin-left:420px;
margin-top:10px;
border:3px solid black;
}

div.menu_temp {
width:400px;
height:400px;
margin: 0px;
padding: 0px;
background-image:url(../images/doska_menu.png);
background-repeat:no-repeat;
border:3px solid red;
}

Почему так происходит? Почему блок div.menu_temp залазит на блок div.doska_menu? И почему ткст из блока div.menu_temp отображается совсем не в нём?