CSS ul li a 背景图片与文字对齐

<div class="four">
<h2>电子商务</h2>
<img src="images/photo2.gif" alt="" />
<ul>
<li><a href="#">方便的订单管理1</a></li>
<li><a href="#">方便的订单管理2</a></li>
<li><a href="#">方便的订单管理3</a></li>
<li><a href="#">方便的订单管理4</a></li>
<li><a href="#">方便的订单管理5</a></li>
</ul>
</div>

 

.four {
 336px;
height: 200px;
background: #eee;
float: left;
margin: 5px;
}

.four img {
height:120px;
float: left;
margin-left:10px;
padding:6px;
background:darkgray;
}

.four ul { 
float: left;
}

.four li {
background:url(./images/black.png) center left no-repeat ;
height:15px;
margin:10px;
background-size:3px;
padding-left:10px;
font:12px/15px "黑体";

}

.four a {
}

.four a:visited {
color:gray;
}

.four h2 {
margin:6px 0 6px 10px;
font-size:16px;
}

 

<div>
<ul id="art">
<li><a href="#">文章1</a></li>
<li><a href="#">文章1</a></li>
<li><a href="#">文章1</a></li>
<li><a href="#">文章1</a></li>
<li><a href="#">文章1</a></li>
<li><a href="#">文章1</a></li>
<li><a href="#">文章1</a></li>
</ul>
</div>

#art {
background:#EEE;
margin-top:3px;
padding-top:10px;
}

#art li {
height:30px;
/*border:1px green solid;*/
}

#art a {
margin-left:5px;
display:block;
background:url(./images/Art_li.png) no-repeat left;
background-size:5px;
height:30px;
padding-left:20px;
font:16px/30px "simsum";

}

#art a:hover {
background:url(./images/7.jpg);
/*background:url(./images/33.png) no-repeat left ;*/
text-decoration:none;
}

火狐浏览器用的是li的高度，IE可以直接设a标签的高度

<div id="header">
<img src="images/logo.png" id="logo"/>
<ul id="nav">
<li><a href="#">导航1</a></li>
<li><a href="#">导航2</a></li>
<li><a href="#">导航3</a></li>
<li><a href="#">导航4</a></li>
<li><a href="#">导航5</a></li>
<li><a href="#">导航6</a></li>
<li><a href="#">导航7</a></li>

</ul>
</div>

#header {
    height: 192px;
    background: darkgray url(images/header3.jpeg) no-repeat;
}



#nav li {
    background: #F0F8FF;
     90px;
    margin: 1px;
    float: left;
    height:37px;
    //border:1px red solid;
    line-height: 37px;
}

#nav a {
    /*font-size: 15px;*/
    /*line-height: 37px;*/
    font:15px/37px '黑体' sans-serif;
    color: darkgray;
    display: block;
     90px;
    text-align: center;
    color: #363636;
}

    #nav a:hover {
        color: white;
        background-color: orange;
    }