# 100% Background Cut Off When Scrolling

**URL:** <https://forum.kirupa.com/t/100-background-cut-off-when-scrolling/319577>\
**Category:** web dev\
**Created:** [February 24, 2011, 10:56pm UTC](https://forum.kirupa.com/t/100-background-cut-off-when-scrolling/319577 "2011-02-24T22:56:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![phlegma](https://avatars.discourse-cdn.com/v4/letter/p/bbe5ce/32.png) [@phlegma](https://forum.kirupa.com/u/phlegma)\
**Post date:** [February 24, 2011, 10:56pm UTC](https://forum.kirupa.com/t/100-background-cut-off-when-scrolling/319577/1 "2011-02-24T22:56:15Z")

</div>

Hi guys,  
I drafted a really simple html/css document to isolate my issue. I believe this has been a common problem for many for a long time and I’m looking for a workaround.

[http://bigmapideas.com/projects/temp/](http://bigmapideas.com/projects/temp/)

If you resize the browser, you will notice that once you resize below the center div, the 100% background image is increasingly cut off.

Any solution to this?

Thank you,  
Chris