# CSS Problem... annoying!

**URL:** https://forum.kirupa.com/t/css-problem-annoying/236190
**Category:** Uncategorized
**Created:** [August 18, 2007, 2:39am UTC](https://forum.kirupa.com/t/css-problem-annoying/236190 "2007-08-18T02:39:35Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![chrisclick](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/chrisclick/32/1991_2.png) [@chrisclick](https://forum.kirupa.com/u/chrisclick)
#### Post date: [August 18, 2007, 2:39am UTC](https://forum.kirupa.com/t/css-problem-annoying/236190/1 "2007-08-18T02:39:35Z")

</div>

ok, so this is really annoying me now!

i went to make a css template for a project im working on and i have 4 divs with a background image:

1. Header
2. Nav
3. Content
4. Footer

but when i preview the site… there is a white gap out site the content div, so for example it looks like:

1)Header  
2)Nav

3)Content

4)Footer.

how do i fix this??

csscode

```auto
@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
}

.header {
	margin: 0 auto;
	background-image:url(header.png);
	width: 800px;
	height: 150px;
	background-repeat:no-repeat;
}

.nav {
	margin: 0 auto;
	background-image:url(nav.png);
	width: 800px;
	height: 25px;
	background-repeat:no-repeat;
}

.content {
	margin: 0 auto;
	background-image:url(nav.png);
	width: 800px;
	height: auto;
	background-repeat:repeat-y;
}

.footer {
	margin: 0 auto;
	background-image:url(footer.png);
	width: 800px;
	height: 100px;
	background-repeat:no-repeat;
}

```

Thanks, :love: