• I have the most common CSS problem you can get in IE. And I can’t solve it! This is really frustration. Any CSS pro’s around?

    If you open my site in different browsers to problem is clearly visible:
    https://www.lose-money-online.com/

    Here is the CSS bit straight from the theme:

    .sidebar, .rightcolumn{
    float: left;
    width: 170px;
    margin: 0 10px 0 0;
    }

    .rightcolumn{
    width: 170px;
    margin: 0;
    }

    .sidebar ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-image: none;
    }

    .sidebar ul a{
    color: #333333;
    }

    .sidebar ul a:hover{
    color: #8f8f8f;
    }

    .side-header {
    height: 6px;
    line-height: 6px;
    background-image: url(‘images/side-header.gif’);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    }

    .side-footer {
    height: 6px;
    background-image: url(‘images/side-footer.gif’);
    background-repeat: no-repeat;
    margin: 0 0 10px 0;
    }

    .side-back {
    background-image: url(‘images/back-sidebar.gif’);
    }

    li.side-back {
    margin: 0;
    padding: 0;
    }

    li.side-back ul li {
    background-color: #FFFFFF;
    }

    li.side-back ul {
    background-image: url(‘images/back-sidebar.gif’);
    }

    .sidebar ul li#search{
    padding: 10px;
    background-color: #FFFFFF;
    }

    .sidebar ul li#search input{
    margin: 0 0 5px;
    }

    .sidebar h2{
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    }

    .sidebar ul ul{
    padding: 5px 10px 10px;
    }

    .sidebar ul ul li{
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 18px;
    }

    .sidebar ul ul ul{
    padding: 0;
    }

    .sidebar ul ul ul li{
    padding: 0 0 0 10px;

    I understand the IE bug and think I need to set some margins to 0. I have tried about all already, but no changes there. Who can see where and what I need to add?

  • The topic ‘Common Margin problem in IE’ is closed to new replies.