div идет ниже родительского div (css)

Question

Итак, еще один вопрос.

Как получилось, что div с телефоном # изображения идет ниже родительского div? Я пробовал ясно. Не помогло. Я пробовал абсолютное позиционирование родительских «фото», но он бросил все налево. See here

<div id="angies"></div> 
<div id="est"></div> 
<div id="pics"> 
<div id="logot"></div> 
<div id="house"></div> 
<div id="phone"></div> 
</div> 

#angies {height:124px; 
width:347px; 
margin-right:0px; 
margin-top:0px; 
float:right; 
background-image: url(images/ang.jpg); 
background-repeat:no-repeat;} 

#est {height:16px; 
width:165px; 
margin-left:5px; 
    margin-top:5px; 
background-image: url(images/est.jpg); 
background-repeat: no-repeat;} 

#pics {height:175px; 
width:878px; 
border:1px solid; 
margin-left:auto; 
margin-right:auto;} 

#logot {height:169px; 
width:360px; 
border:1px solid; 
float:left; 
margin-bottom:0px; 
background-image:url(images/logot.jpg); 
background-repeat:no-repeat;} 

#house {height:169px; 
width:166px; 
border:1px solid; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:0px; 
background-image:url(images/house.jpg); 
background-repeat:no-repeat;} 

#phone {height:43px; 
width:312px; 
border:1px solid; 
position:relative; 
margin-bottom:0px; 
margin-left:526px; 
position:static; 
background-image:url(images/phone.jpg); 
background-repeat:no-repeat;} 

P.S. и почему эти divs идут вверху с нижним краем 0 пикселей? Это не беспокоит меня в этот самый момент, но я все еще хочу знать, как это происходит.

Answer 1

простое решение сделать все они плывут: левый

#house { float: left; } 
#phone { float: left; }