Why won`t the list style in the sidebar hover all the way to the left?

  • example
    https://www.kjagen.com/iron-maiden/tour_reports/stockholm-06/

    #sidebar {
    background:#F0F0F0 url(img/main_shadow.gif) top repeat-x;
    width:300px;
    float:right;
    font-size:95%;
    line-height:145%;
    overflow:hidden;
    padding-top:35px;
    }
    #sidebar li {
    background:url(img/icons.gi) 0 -560px no-repeat;
    background-color: #E0E0E0;
    border-bottom:1px solid #ccc;
    margin-right:10px;

    padding-left:10px;
    list-style:none;
    font-size:12px;
    margin-top:0px;
    /*font-size:95%;*/
    }

    #sidebar li a:hover{

    background-color: #ccc;

    list-style:none;
    font-size:12px;
    margin-top:0px;
    /*font-size:95%;*/
    }

Viewing 1 replies (of 1 total)

  • there is a padding-left:10px in the style.css:

    #sidebar li {
	background:url(img/icons.gi) 0 -560px no-repeat;
background-color: #E0E0E0;
line-height:20px;
border-bottom:1px solid #ccc;
margin-right:5px;
	padding-left:10px;
list-style:none;
font-size:12px;
	margin-top:0px;
	/*font-size:95%;*/
}

    take that line out and add a new declaration to the style.css:

    #sidebar li a {
padding-left:10px;
}

Viewing 1 replies (of 1 total)
  • The topic ‘Why won`t the list style in the sidebar hover all the way to the left?’ is closed to new replies.