IE 7 Background image display issues

  • johnpanz

    (@johnpanz)


    12 years, 3 months ago

    http://www.johnhartinternational.com/

    Above is the address to a website I’m working on. I’m having an issue with the background image which I can’t figure out how to fix. I’ve tried all sorts of approaches but need some help.

    html, body {
	height: 100%;
	background: url(../../../img/layouts/JHInt_background-briquette.jpg) top center no-repeat #d9e9ff;
	color:#111;
	font-size: 12px;
	font-family:  Arial , Tahoma, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	position:relative;
}
#container {
	width: 959px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-bottom: 0px;
	margin: 0px auto -40px;  /* the bottom margin is the negative value of the footer's height */
}

    As you can see I’ve put the background image within the html,body tag and when I turn off the background image all disply problems disappear and the site displays the sames in FF.

    Has anybody got any ideas?

  • The topic ‘IE 7 Background image display issues’ is closed to new replies.