# \[CSS\]two vertical divs with background

**URL:** <https://forum.kirupa.com/t/css-two-vertical-divs-with-background/209723>\
**Category:** web dev\
**Created:** [December 11, 2006, 11:12pm UTC](https://forum.kirupa.com/t/css-two-vertical-divs-with-background/209723 "2006-12-11T23:12:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Binji](https://avatars.discourse-cdn.com/v4/letter/b/cdc98d/32.png) [@Binji](https://forum.kirupa.com/u/Binji)\
**Post date:** [December 11, 2006, 11:12pm UTC](https://forum.kirupa.com/t/css-two-vertical-divs-with-background/209723/1 "2006-12-11T23:12:30Z")

</div>

I am trying to accomplish something which should be rather trivial…but its not:2c: I want to put two divs on top of one another where one is a menu and the other is the content. I dont want to use absolute positioning since the menu elements are floated.  
What i have accomplished so far is right in terms of positioning but in FF there is no background color. Ie…for once… gets it right  
Here is CSS for my divs:  
the top one

```auto

#menuh-container
    {
    display:block;
    position: relative;
    height:auto;
    background-color:#c8c8c8;
    width:100%;
    margin:0;
   }

```

the one under:

```auto

#telo{
    width:auto !important;
    width:100%;
    height:auto !important;
    height:100%;
}

```

Help please 🙂

edit: if i change the upper div to absolute position i get the background but the lower div moves into top left corner

Right:  
 ![](http://www.kirupa.com/forum/attachment.php?attachmentid=40212&stc=1&d=1165879086)  
Wrong:  
 ![](http://www.kirupa.com/forum/attachment.php?attachmentid=40213&stc=1&d=1165879135)