在IE和firefox中都如上显示。
相关CSS样式内容如下：
.photo{
width:550px; height:107px; margin-left:38px;
}
.sho{
width:550px; height:100%; margin-left:38px; border:#000000 solid 1px;
}
.sho ul{
width:100%; height:100%;
}
.sho li{
width:100%; height:100%; list-style:none; text-align:left;
}
你把position属性设为position:absolute,块儿就 可以随便动了（用Top和left属性控制位置，记住如果是嵌套则是相对于本块外侧的位置）！如<div id="mydiv" ><p ><></div>那么P就是离body左边40px；
.sho{ width:550px; height:100%; margin-left:0px; border:#000000 solid 1px; } .sho ul{ width:100%; height:100%;float:left; } .sho li{ width:100%; height:100%; list-style:none; text-align:left; }
UL默认会有边距，你在UL里再加个样式 margin:1px -10px;padding:0px 10px;
两个平级div的话你用 margin实现对齐是对的。如果是套欠的话，子div中不需要margin，因为margin是相对于父标签的
margin-left:38px
把这左边距去掉就行了
.sho{ width:550px; height:100%; margin-left:38px; border:#000000 solid 1px; } 你这里都叫它离左边38px了.