Sidebar Moved Over in IE7

there are a couple of negative padding declarations in your css… IE doesn’t like or play well with negatives too well. Yo may want to find a way around them.

example:

#navlist a:link, #navlist a:visited
{ padding-left: 15px;
color: blue;
background: url(https://allirense.com/redstarbullet.gif);
background-position: 0 -28px;
background-repeat: no-repeat;
}

you could float that right and achieve the same thing and use positive padding on the right side to offset the difference.

give that a shot and let me know how it turns out…

Hi, and thanks! I appreciate your suggestion. There is a specific reason why that particular negative padding declaration is in there. My sidebar does not have a negative padding declaration or the background image thereof (for displaying the red background):

Sidebar CSS:

#sidebar {
	float: right;
	padding: 5px;
	width: 190px;
	font-size: 9pt;
	color: #fff;
}
#sidebar a {
	color: #999;
	text-decoration: none;
}
#sidebar a:visited {
	color: #999;
	text-decoration: none;
}
#sidebar a:hover {
	color: #6699ff;
	text-decoration: underline;
}
#sidebar img {
	border: 0;
	margin: 0;
	padding: 0;
}

Background image CSS:

#main {
	position: relative;
	width: 800px;
	height: 100%;
	left: 25px;
	background-color: #fff;
	background-image: url('https://allirense.com/sideback.gif');	background-repeat: repeat-y;
	background-position: 100%;
}

To see the rest of the css, go here: https://allirense.com/testblog/wp-content/themes/hacdc/style.css

It’s fixed. I just played with my sidebar CSS until I got it working again.