Background image won't display in IE 6 but will in Firefox (unless I hit F5 refresh everytime)

[Dan V.]

I have tried a number of things including preloading, but the background
image (water tile in header) in IE 6 will not display where other browsers
will.
http://www.officeactivate.com/web-site-design.shtml

Any ideas?
thanks.

[Els]

Dan V. wrote:

I have tried a number of things including preloading, but the background
image (water tile in header) in IE 6 will not display where other browsers
will.
http://www.officeactivate.com/web-site-design.shtml

No problems here, Firefox and IE6 both show the same image.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Dan V.]

To show the behaviour in Windows IE6, click any of the top horizontal css
buttons, like: Home, consulting, FAQ...and you will see it.

"Els" <el*********@tiscali.nl> wrote in message
news:1f*****************************@40tude.net...

Dan V. wrote:

I have tried a number of things including preloading, but the background
image (water tile in header) in IE 6 will not display where other
browsers
will.
http://www.officeactivate.com/web-site-design.shtml

No problems here, Firefox and IE6 both show the same image.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Els]

Dan V. wrote:

"Els" <el*********@tiscali.nl> wrote in message
news:1f*****************************@40tude.net...

Dan V. wrote:

I have tried a number of things including preloading, but the background
image (water tile in header) in IE 6 will not display where other
browsers
will.
http://www.officeactivate.com/web-site-design.shtml

No problems here, Firefox and IE6 both show the same image.

To show the behaviour in Windows IE6, click any of the top horizontal css
buttons, like: Home, consulting, FAQ...and you will see it.

I already did that. All pages show the same blue header background.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Dan V.]

"Els" <el*********@tiscali.nl> wrote in message
news:9h****************************@40tude.net...

Dan V. wrote:

"Els" <el*********@tiscali.nl> wrote in message
news:1f*****************************@40tude.net...

Dan V. wrote:

I have tried a number of things including preloading, but the
background
image (water tile in header) in IE 6 will not display where other
browsers
will.
http://www.officeactivate.com/web-site-design.shtml

No problems here, Firefox and IE6 both show the same image.

To show the behaviour in Windows IE6, click any of the top horizontal css
buttons, like: Home, consulting, FAQ...and you will see it.

I already did that. All pages show the same blue header background.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

That's strange, as I cycle through the top horizontal nav buttons, the white
missing tile is very evident in Windows XP Pro SP2 Internet Explorer
6.0.2900.2180 xpsp_sp2. When I press F5 it then and only then loads the
complete Banner images.

[Dan V.]

"Els" <el*********@tiscali.nl> wrote in message
news:9h****************************@40tude.net...

Dan V. wrote:

"Els" <el*********@tiscali.nl> wrote in message
news:1f*****************************@40tude.net...

Dan V. wrote:

I have tried a number of things including preloading, but the
background
image (water tile in header) in IE 6 will not display where other
browsers
will.
http://www.officeactivate.com/web-site-design.shtml

No problems here, Firefox and IE6 both show the same image.

To show the behaviour in Windows IE6, click any of the top horizontal css
buttons, like: Home, consulting, FAQ...and you will see it.

I already did that. All pages show the same blue header background.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

That's strange, as I cycle through the top horizontal nav buttons, the white
missing tile is very evident in Windows XP Pro SP2 Internet Explorer
6.0.2900.2180 xpsp_sp2. When I press F5 it then and only then loads the
complete Banner images.

[Tony]

"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...

To show the behaviour in Windows IE6, click any of the top horizontal css
buttons, like: Home, consulting, FAQ...and you will see it.

No problems here. But I did notice that the space between the title and the
goldfish bowl seems to load a bit more slowly - it sort of flashes white
before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office Activate"
width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the title
and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But
you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the table
cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result in
this case.

[Dan V.]

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...

"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...

To show the behaviour in Windows IE6, click any of the top horizontal css buttons, like: Home, consulting, FAQ...and you will see it.
No problems here. But I did notice that the space between the title and

the goldfish bowl seems to load a bit more slowly - it sort of flashes white
before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office Activate" width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the title
and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But
you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the table
cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result in
this case.

I have the image as another jpg loading in the stylesheet.css as a
background image. Works in all browsers except IE 6.

http://www.officeactivate.com/stylesheet.css

#header {
margin-right:0%;
margin-left:0%;
margin-top:0%;
padding-bottom:0px;
text-align:left;
min-width:500px;
display: block;
background-repeat: repeat-x;
background-image: url(/images/skin/header5-tile2.jpg);
}

[Dan V.]

"Dan V." <[e-mail]> wrote in message news:f-********************@look.ca...

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...

"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...

To show the behaviour in Windows IE6, click any of the top horizontal css buttons, like: Home, consulting, FAQ...and you will see it.

No problems here. But I did notice that the space between the title and

the

goldfish bowl seems to load a bit more slowly - it sort of flashes white
before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office

Activate"

width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the title and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But
you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the table cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result in this case.

I have the image as another jpg loading in the stylesheet.css as a
background image. Works in all browsers except IE 6.

http://www.officeactivate.com/stylesheet.css

#header {
margin-right:0%;
margin-left:0%;
margin-top:0%;
padding-bottom:0px;
text-align:left;
min-width:500px;
display: block;
background-repeat: repeat-x;
background-image: url(/images/skin/header5-tile2.jpg);
}

Looks like my two newsgroup readers on different remote locations (Outlook
express still unfortunately) posted in the wrong thread.
The website I am looking at now is http:www.officeactivate.com
And the problem is now the tile in the header is missing in IE 6.0. Should
be blue waves

[Els]

Dan V. wrote:

"Dan V." <[e-mail]> wrote in message news:f-********************@look.ca...

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...

"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...
> To show the behaviour in Windows IE6, click any of the top horizontal

css

> buttons, like: Home, consulting, FAQ...and you will see it.

No problems here. But I did notice that the space between the title and

the

goldfish bowl seems to load a bit more slowly - it sort of flashes white
before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office

Activate"

width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the title and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But
you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the table cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result in this case.

I have the image as another jpg loading in the stylesheet.css as a
background image. Works in all browsers except IE 6.

http://www.officeactivate.com/stylesheet.css

#header {
margin-right:0%;
margin-left:0%;
margin-top:0%;
padding-bottom:0px;
text-align:left;
min-width:500px;
display: block;
background-repeat: repeat-x;
background-image: url(/images/skin/header5-tile2.jpg);
}

Looks like my two newsgroup readers on different remote locations (Outlook
express still unfortunately) posted in the wrong thread.
The website I am looking at now is http:www.officeactivate.com
And the problem is now the tile in the header is missing in IE 6.0. Should
be blue waves

Dan, of course you can keep repeating it doesn't work in IE 6.0, but
it does here, and it apparently also does for Tony. I also use the
same version of IE as you do, only on WinXP Home, not Pro.
It works on IE5 too btw.

Maybe your cache is playing up? Empty your cache and try again?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Beauregard T. Shagnasty]

Dan V. wrote:

http://www.officeactivate.com/web-site-design.shtml

Any ideas? thanks.

Not related to your posted problem, but you are specifying a font size
that is only 80% of my chosen, default size.

font: .8em "Lucida
Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;

IE will have fewer problems if you use percentages instead of em, and
your main font size should be 100% (instead of 80). It would also be
wise to drop Verdana from the list. Many will not have that Lucida
Grande either.

--
-bts
-This space intentionally left blank.

[Dan V.]

"Els" <el*********@tiscali.nl> wrote in message
news:1w******************************@40tude.net.. .

Dan V. wrote:

"Dan V." <[e-mail]> wrote in message news:f-********************@look.ca...

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...
"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...
> To show the behaviour in Windows IE6, click any of the top horizontal css
> buttons, like: Home, consulting, FAQ...and you will see it.

No problems here. But I did notice that the space between the title and the
goldfish bowl seems to load a bit more slowly - it sort of flashes white before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office
Activate"
width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the

title

and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the

table

cell and put &nbsp; as the cell contents, or set it's height & width to 100%. I think setting it as the background would have the better

result in

this case.

I have the image as another jpg loading in the stylesheet.css as a
background image. Works in all browsers except IE 6.

http://www.officeactivate.com/stylesheet.css

#header {
margin-right:0%;
margin-left:0%;
margin-top:0%;
padding-bottom:0px;
text-align:left;
min-width:500px;
display: block;
background-repeat: repeat-x;
background-image: url(/images/skin/header5-tile2.jpg);
}

Looks like my two newsgroup readers on different remote locations (Outlook express still unfortunately) posted in the wrong thread.
The website I am looking at now is http:www.officeactivate.com
And the problem is now the tile in the header is missing in IE 6.0. Should be blue waves

Dan, of course you can keep repeating it doesn't work in IE 6.0, but
it does here, and it apparently also does for Tony. I also use the
same version of IE as you do, only on WinXP Home, not Pro.
It works on IE5 too btw.

Maybe your cache is playing up? Empty your cache and try again?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Same problem with IE 6 on Windows 2000 Pro at a machine at a different
remote location then the IE 6 and Windows XP SP2 Pro. The cache is set to
default properties on both locations.

[Dan V.]

"Els" <el*********@tiscali.nl> wrote in message
news:1w******************************@40tude.net.. .

Dan V. wrote:

"Dan V." <[e-mail]> wrote in message news:f-********************@look.ca...

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...
"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...
> To show the behaviour in Windows IE6, click any of the top horizontal css
> buttons, like: Home, consulting, FAQ...and you will see it.

No problems here. But I did notice that the space between the title and the
goldfish bowl seems to load a bit more slowly - it sort of flashes white before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office
Activate"
width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the

title

and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the

table

cell and put &nbsp; as the cell contents, or set it's height & width to 100%. I think setting it as the background would have the better

result in

this case.

I have the image as another jpg loading in the stylesheet.css as a
background image. Works in all browsers except IE 6.

http://www.officeactivate.com/stylesheet.css

#header {
margin-right:0%;
margin-left:0%;
margin-top:0%;
padding-bottom:0px;
text-align:left;
min-width:500px;
display: block;
background-repeat: repeat-x;
background-image: url(/images/skin/header5-tile2.jpg);
}

Looks like my two newsgroup readers on different remote locations (Outlook express still unfortunately) posted in the wrong thread.
The website I am looking at now is http:www.officeactivate.com
And the problem is now the tile in the header is missing in IE 6.0. Should be blue waves

Dan, of course you can keep repeating it doesn't work in IE 6.0, but
it does here, and it apparently also does for Tony. I also use the
same version of IE as you do, only on WinXP Home, not Pro.
It works on IE5 too btw.

Maybe your cache is playing up? Empty your cache and try again?

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

When you first load up in IE 6 it is OK, but then click another horizontal
top nav button and the tile does not appear unless:

1.You click on another window and back and the screen has to do a redraw on
the tile to the left of the goldfish.
2. It also appears when you press F5 -Refresh.

But if you save the site locally and view all locally , you will never see
the tile.

[Peter Hoyle]

Dan V. wrote in message

http://www.officeactivate.com/stylesheet.css When you first load up in IE 6 it is OK, but then click another horizontal
top nav button and the tile does not appear unless:

1.You click on another window and back and the screen has to do a redraw
on
the tile to the left of the goldfish.
2. It also appears when you press F5 -Refresh.

But if you save the site locally and view all locally , you will never see
the tile.

Just confirming that I also see a missing tile in IE 6 (XP Pro).
Resizing the window ever so slightly also brings the tile back.

It must be worth correcting the html and css first.
There is one closing div too many and a missing unit of measurement in
#maincontent.

After that I'd assume that it is an IE bug and try experiments like changing
the width of the repeating image but then I know little about css ;)

--
peter

[Dan V.]

thanks.

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:H3******************@twister.nyroc.rr.com...

Dan V. wrote:

http://www.officeactivate.com/web-site-design.shtml

Any ideas? thanks.

Not related to your posted problem, but you are specifying a font size
that is only 80% of my chosen, default size.

font: .8em "Lucida
Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;

IE will have fewer problems if you use percentages instead of em, and your
main font size should be 100% (instead of 80). It would also be wise to
drop Verdana from the list. Many will not have that Lucida Grande either.

--
-bts
-This space intentionally left blank.

[Dan V.]

Thanks, I have tried these, same bug/problem.

"Peter Hoyle" <pe*********@ntlworld-NOT.com> wrote in message
news:27*****************@newsfe5-win.ntli.net...

Dan V. wrote in message

http://www.officeactivate.com/stylesheet.css

When you first load up in IE 6 it is OK, but then click another horizontal top nav button and the tile does not appear unless:

1.You click on another window and back and the screen has to do a redraw
on
the tile to the left of the goldfish.
2. It also appears when you press F5 -Refresh.

But if you save the site locally and view all locally , you will never see the tile.

Just confirming that I also see a missing tile in IE 6 (XP Pro).
Resizing the window ever so slightly also brings the tile back.

It must be worth correcting the html and css first.
There is one closing div too many and a missing unit of measurement in
#maincontent.

After that I'd assume that it is an IE bug and try experiments like

changing the width of the repeating image but then I know little about css ;)

--
peter

[Dan V.]

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...

"Dan V." <[e-mail]> wrote in message
news:EZ********************@golden.net...

To show the behaviour in Windows IE6, click any of the top horizontal css buttons, like: Home, consulting, FAQ...and you will see it.
No problems here. But I did notice that the space between the title and

the goldfish bowl seems to load a bit more slowly - it sort of flashes white
before reloading the image.

Hmm, when I right-click on the "Office Activate" image, the spacer
disappears. Also, I can't find it to right-click on it, even when it's
visible.

I notice in your source that you have:

<td width="584"><img src="/images/skin/header5-2.jpg" alt="Office Activate" width="584" height="134"></td>
<td><img src="/images/skin/spacer.gif" width="2" height="5"></td>
<td width="40"><img src="/images/skin/header5-2-right.jpg" width="145"
height="134" align=""></td>

It looks like you're using the spacer to fill in the gap between the title
and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But
you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the table
cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result in
this case.

This is the work-around for IE 6 that worked:

Set as the background for the table cell and put &nbsp; as the cell
contents, or set it's height & width to
100%. Remove the #header css code for backgroundimage and repeat-x.

[Dan V.]

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:H3******************@twister.nyroc.rr.com...

Dan V. wrote:

http://www.officeactivate.com/web-site-design.shtml

Any ideas? thanks.

Not related to your posted problem, but you are specifying a font size
that is only 80% of my chosen, default size.

font: .8em "Lucida
Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;

IE will have fewer problems if you use percentages instead of em, and
your main font size should be 100% (instead of 80). It would also be
wise to drop Verdana from the list. Many will not have that Lucida
Grande either.

--
-bts
-This space intentionally left blank.

(body is 10 pt and all other fonts use percentages)
This does not allow IE 6 to change the text size in View | Text Size, but it
does in FireFox 1.03.

[Dan V.]

"Dan V." <[e-mail]> wrote in message news:f5********************@look.ca...

"Beauregard T. Shagnasty" <a.*********@example.invalid> wrote in message
news:H3******************@twister.nyroc.rr.com...

Dan V. wrote:

http://www.officeactivate.com/web-site-design.shtml

Any ideas? thanks.
Not related to your posted problem, but you are specifying a font size
that is only 80% of my chosen, default size.

font: .8em "Lucida
Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;

IE will have fewer problems if you use percentages instead of em, and
your main font size should be 100% (instead of 80). It would also be
wise to drop Verdana from the list. Many will not have that Lucida
Grande either.

--
-bts
-This space intentionally left blank.

(body is 10 pt and all other fonts use percentages)
This does not allow IE 6 to change the text size in View | Text Size, but

it does in FireFox 1.03.

I just changed the base body font to 100% and I will have to live with the
fact IE6 shows the font large and FireFox shows it the way I want it to, but
at least this gives all users the option to change the text size.

[Beauregard T. Shagnasty]

Dan V. wrote:

I just changed the base body font to 100% and I will have to live
with the fact IE6 shows the font large and FireFox shows it the way
I want it to, but at least this gives all users the option to
change the text size.

So set your own IE to "smaller" or whatever is best on your computer.
Your visitors probably have already done the same - that is, selected
the size that is most comfortable for _them_.

Your page looks fine now in both browsers.

--
-bts
-This space intentionally left blank.

[Tony]

"Dan V." <[e-mail]> wrote in message news:Ca********************@look.ca...

It looks like you're using the spacer to fill in the gap between the
title
and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But
you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the
table
cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result
in
this case.

This is the work-around for IE 6 that worked:

Set as the background for the table cell and put &nbsp; as the cell
contents, or set it's height & width to
100%. Remove the #header css code for backgroundimage and repeat-x.

Glad I was able to help :)

[Dan V.]

Thanks Tony!

"Tony" <so*****@somedomain.cam> wrote in message
news:11*************@corp.supernews.com...

"Dan V." <[e-mail]> wrote in message news:Ca********************@look.ca...

It looks like you're using the spacer to fill in the gap between the
title
and the goldfish bowl image. (header5-2.jpg and header5-2right.jpg). But you're setting the width to only 2 pixels, and the height to 5! Is
"spacer.gif" the water image?

Two thoughts I have on that: either set it as the background for the
table
cell and put &nbsp; as the cell contents, or set it's height & width to
100%. I think setting it as the background would have the better result
in
this case.

This is the work-around for IE 6 that worked:

Set as the background for the table cell and put &nbsp; as the cell
contents, or set it's height & width to
100%. Remove the #header css code for backgroundimage and repeat-x.

Glad I was able to help :)