局部布局有可能遇到的问题。一个没有上边的框。看看代码（红色为关键代码）

下面是布局：

<div class="autoheight">
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="Bcpvu.btq?je=2">aaaa</a></div>
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="#">bbb</a></div>
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="#">ccc</a></div>
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="#">dddd</a></div>
</div>

下面是样式表：

*{

 margin:0;

 pandding:0;}

.leftmenu1 a{
 line-height:31px;
 height:31px;
 background:url(../images/letmenu.jpg) 30px -40px no-repeat;
 margin-top:10px;
 text-align:center;
 color:#005386;
 font-weight:bold;
 font-size:14px;
 display:block;
 }

.leftmenu2 a:hover{
 line-height:31px;
 height:31px;
 background:url(../images/letmenu.jpg) 30px 0px no-repeat;
 margin-top:10px;
 text-align:center;
 color:#000;
 font-weight:bold;
 font-size:14px;
 display:block;
 }
.autoheight{
 border:1px #98c5f4 solid;
 border-top:0px #98c5f4 solid;
 background:#d5edf9;

 height:auto;
 padding-bottom:15px;

 }

因为层的高度没有固定，所以在ie7 ie6 和 firefox上的显示是不一样的。