Ok this is driving me nuts...

 

I'm having problems with the following web site http://retroedgewebdesign.com/venus/,'>http://retroedgewebdesign.com/venus/, it looks fine on my Mac (Firefox/Safari/Chrome) and looks fine on my work PC (Firefox and IE8). However, my client is running IE7 (well I assume so from the attached screenshots) and there is an alignment issue between background header/page wrap/footer (best seen in attached screenshots).

 

The site:

http://retroedgewebdesign.com/venus/

 

The css (I'm assuming it's something in this part of the css, it could be something else of course):

body {

background: #000;

font: 12px/1.4 Verdana, Geneva, sans-serif;

color: #6e6e6e;

background-image: url(http://retroedgewebdesign.com/venus/images/header-background.jpg);

background-position:center top;

background-repeat:no-repeat;

margin:0;

padding:0;

}

#page-wrap-background {

background-image: url(http://retroedgewebdesign.com/venus/images/content-background.jpg);

background-position:center top;

background-repeat:repeat-y;

margin: auto;

overflow:hidden;

}

#footer {

background-image: url(http://retroedgewebdesign.com/venus/images/footer.jpg);

background-position:center top;

background-repeat:no-repeat;

clear: both;

height: 397px;

background-color:#000;

margin:auto;

}

 

Any help would be great, if I don't fix this soon I'm just going to give up and remove the curved edges altogether.

I agree, IE is the bane of so many projects.

 

The odd thing about your site is that 3 of the 4 notches align exactly with the header and footer section, but the top left one is further down and appears to align with nothing.

 

One thought, is the background image exactly the size it is displayed at or is there any scaling going on by the browser? I can easily see this causing these kinds of issues.

Many IE issues has be easily be addressed when one knows how to control hasLayout: http://www.satzansatz.de/cssd/onhavinglayout.html

 

For IE versions that cause problem I usually add IE spesific stylesheets to account for differences using conditional comments to target IE versions.

I make the site work in FF,Webkit,Opera first, then start with the most recent IE, add fixes for it in a stylesheet that targets that versions and older (as often the problem occurs in older versions.) Then test in the version prior to the last one, and continue until I have support the IE versions I want to support.

 

These days I'd never bother to support anything older than IE7. If your clients insist on IE6 etc then explain to them the amount of work vs amount of gain, which is greatly disproportional.

 

In my experience I've yet to need to adjust for IE8, and only minor tweaks for IE7.