# What's wrong with this CSS?

**URL:** <https://meta.discourse.org/t/whats-wrong-with-this-css/28391>\
**Category:** Product Support\
**Created:** [May 6, 2015, 6:38pm UTC](https://meta.discourse.org/t/whats-wrong-with-this-css/28391 "2015-05-06T18:38:49Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [May 6, 2015, 7:04pm UTC](https://meta.discourse.org/t/whats-wrong-with-this-css/28391/2 "2015-05-06T19:04:17Z")

</div>

I think you need to also set any wrapper elements inside of the body to `min-height: 100%`.  
I set `section#main{min-height: 100%}` to get this to work.

 ![](https://global.discourse-cdn.com/meta/original/3X/6/d/6de2b2001ddb25fab939eb14687a3db9b0a1f484.png) 

In case you aren’t already doing it, you can try these kinds of things inside of your browser’s web inspector. On Chrome, right click on a page and select ‘inspect element’. It’s a lot easier if you have 2 monitors, You can detach the inspector window and have enough room to see what is going on and try things out.

---

_[View the full topic](https://meta.discourse.org/t/whats-wrong-with-this-css/28391)._