Support » Themes and Templates » Sidebar Moved Over in IE7

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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.


    #navlist a:link, #navlist a:visited
    { padding-left: 15px;
    color: blue;
    background: url(;
    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('');	background-repeat: repeat-y;
    	background-position: 100%;

    To see the rest of the css, go here:

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar Moved Over in IE7’ is closed to new replies.