# Wrapper DIV collapsing in Mozilla-based browsers

**URL:** https://forum.kirupa.com/t/wrapper-div-collapsing-in-mozilla-based-browsers/250114
**Category:** web dev
**Created:** [January 25, 2008, 7:18pm UTC](https://forum.kirupa.com/t/wrapper-div-collapsing-in-mozilla-based-browsers/250114 "2008-01-25T19:18:46Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![alemieux34](https://avatars.discourse-cdn.com/v4/letter/a/7ea924/32.png) [@alemieux34](https://forum.kirupa.com/u/alemieux34)
#### Post date: [January 25, 2008, 7:18pm UTC](https://forum.kirupa.com/t/wrapper-div-collapsing-in-mozilla-based-browsers/250114/1 "2008-01-25T19:18:46Z")

</div>

I have a typical Wrapper div

```auto
<div id="wrapper"></div>

```

that I’m using as a containing block on a page. All of the content is inside this div.

It works fine in IE, but collapses in Firefox and Safari. I’ve added a really ugly border and background to make it stand out and it only appears at the top of the page. Here’s the CSS:

```auto
#wrapper {    
    width: 800px;
    /* height: 100%; */
    margin: 0 auto;
    background-color: #fff;
    border: 12px solid green;
}

```

Has anyone seen anything like this or know how to fix it? I’ve seen this a few times and it’s driving me bananas.