[DieuxSoldat_04]

Hey guys,

I am creating a site, JxH Network, and I am having a problem with Internet Explorer. I wanted a liquid background for the side column on the right so I created 3 div ID's to do so. I made a Top, Center and Bottom style properties as such:

Code:

#sideTop {
	clear: both;
	background-image:url(../images/nav_top.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 89px;
	}
#sideBox {
	background-image:url(../images/nav_mid.png);
	background-repeat: repeat-y;
	}
#sideBot {
	clear: both;
	background-image:url(../images/nav_bot.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
	margin: 0 0 11px;
	}

Then to make the content actually align to the top I changed the content as such:

Code:

#navContent {
	padding: 3px 0 0 6px;
	margin: -89px 0 0;
	}

Now when someone uses IE to look at it, the #sideTop background image is cut off and in the footer, the dash lines made by CSS aren't there as well. Can someone help me make the design functional in IE? I vaguely remember a IE hack script for CSS but I haven't used it since IE 6.

Any advice or help is greatly appreciated.

Warm Regards,
Jason Xiao