# CSS - overflow and div positioning

**URL:** <https://forum.kirupa.com/t/css-overflow-and-div-positioning/170542>\
**Category:** web dev\
**Created:** [November 27, 2005, 11:43am UTC](https://forum.kirupa.com/t/css-overflow-and-div-positioning/170542 "2005-11-27T11:43:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![slavpo](https://avatars.discourse-cdn.com/v4/letter/s/a9a28c/32.png) [@slavpo](https://forum.kirupa.com/u/slavpo)\
**Post date:** [November 27, 2005, 11:43am UTC](https://forum.kirupa.com/t/css-overflow-and-div-positioning/170542/1 "2005-11-27T11:43:43Z")

</div>

Hi there,

I’m wondering around elastic layout and div overlow.  
what I’m trying to acomplish is layout that consists of 3 divs (one under another). The first one (on the top of screen) is flash navigation with 130px height, the third one is html navigation (on the bottom - 17px height). The second one I’d like to get in between of these 2 and I’d like it to resize when browser window is resized. This div should look like iframe so I used owerflow:scroll. The problem is with EE, while Firefox works just fine.  
Here is my css code:

html,body {  
margin: 0;  
padding: 0;  
height:95%;  
}  
div {  
position:absolute;  
}  
div#whole {  
margin:0 auto;  
height: 100%;  
}  
div#flash {  
top:5px;  
height:130px;  
width:800px;  
}  
div#content {  
top:140px;  
bottom:30px;  
overflow: scroll;  
width:800px;  
}  
div#bottom {  
bottom:1px;  
color:#CCCCCC;  
height:17px;  
width:800px;  
}

Could anybody help me with this???