Background image repeat not working in IE7

[spk1973]

Hello,

I am creating a small site for a surveying business, using a 12x12px image repeating for the body of the pages.

The image will not show up in IE, works in Safari and FireFox.

I have googled this problem and found lots of people having the same problem but I cannot find a solution for my particular problem so I am posting here.

I have validated the css and html and they're valid.

The site can be found here:

http://www.jgmachineco.com/web/index.html

The css can be found here:

http://jgmachineco.com/web/style.css

 

I wasn't sure where to post this, I've worked with web design for several years, so it's not really beginner stuff, but I'm not familiar with resolving conflicts with IE (which I'm guessing is the culprit here).

 

Any help greatly appreciated.

-Shawn

[virtual]

Your code is like this:

.wrapper{

margin:auto;

width:800px;

padding:25px;

background:url(images/paper_bg.jpg)0% 0% repeat;

 

}

change to this and your background image will appear. Note the space after the (images/etc..)

background:url(images/paper_bg.jpg) 0% 0% repeat;

 

It is an IE specific problem, forget the space and the image does not show

[spk1973]

OUTSTANDING!!

Thank you thank you thank you.

I knew it had to be something small, but I don't know that I ever would have gotten that.

Damn, I love this interweb thing. I'm gonna be visiting this site more often in the future.

Thanks again,

-Shawn

P.S. While we're on the subject of IE weirdness, are there any other quirks you would offer advice about/direct me to a page that describes such quirks?

I know (kind of) about the box model, but that's about it.

Thanks in advance.

[Wickham]

Always check IE6 because it may very well display differently and always use a doctype to avoid IE's quirks mode which means padding and borders will be inside the box, not outside as with IE7, Firefox etc. (is that called the box model?).

 

IE6 elements which have a float and a margin on the same side as the float will double the margin on that side.

Edited July 22, 2009 by Wickham