CSS可以'；无法正确对齐选项卡式菜单

你能帮我修一下IE7的菜单吗

代码是：

#菜单{
左边距：150像素；
}
#菜单ul#第1层{
列表样式图像：无；
列表样式位置：外部；
列表样式类型：无；
保证金：0自动；
填充：0；
}
#菜单ul#第1层li{
背景：透明url（/site\u media/images/left.png）无重复滚动左上方；
浮动：左；
左边距：6px；
垫底：6px；
左侧填充：6px；
垫面：4px；
}
#菜单ul#第1层{
背景：透明url（/site\u media/images/right.jpg）不重复右上滚动；
右边距：6px；
垫底：6px；
右边填充：6px；
垫面：4px；
}
#菜单李a{
背景色：#BF1E2D；
颜色：#FFFFFF；
填充：4px35px 6px；
文字装饰：无；
}
#菜单ul#第1层li#当前跨度{
背景：透明url（/site\u media/images/right gray.png）无重复滚动右上方；
}
#菜单ul#第1层li#当前{
背景：透明url（/site\u media/images/left gray.png）无重复滚动左上方；
}
#菜单ul#第1层li#当前a{
背景色：#E3；
颜色：#BF1E2D；
}

---

您还可以在此处看到站点

从li移除顶部和底部填充，并将跨度向左浮动：

#menu ul#layer1 li{
    background: url(left.png) left top no-repeat; 
    margin-left:6px;
    padding-left: 6px;
    float: left;
}

#menu ul#layer1 li span{
    background: url(right.jpg) right top no-repeat;
    padding-right:6px;
    margin-right: 6px;
    padding-top: 4px;
    padding-bottom: 6px;
    float:left;
}

---

从li上拆下顶部和底部衬垫，并将跨度向左浮动：

#menu ul#layer1 li{
    background: url(left.png) left top no-repeat; 
    margin-left:6px;
    padding-left: 6px;
    float: left;
}

#menu ul#layer1 li span{
    background: url(right.jpg) right top no-repeat;
    padding-right:6px;
    margin-right: 6px;
    padding-top: 4px;
    padding-bottom: 6px;
    float:left;
}

---

这不是问题。请告诉我们你的问题是什么。与Chrome相比，我看不出IE7有什么不同。谢谢你这么快的回答：我在IE7中看到的是，它被破坏了：（哪个浏览器可以工作？不容易理解这个问题，但试着打破这个“背景”怪物。背景重复：不重复；背景图像：url（“…”）；背景位置：右上角；这不是一个问题。请告诉我们你的问题是什么。与Chrome相比，我看不出IE7有什么不同。感谢你这么快的回答：我在IE7中看到的是，它被破坏了：（这在哪些浏览器中工作？不容易理解这个问题，但尝试打破这个“背景”怪物倒下。背景重复：不重复；背景图像：url（“…”）；背景位置：右上角；