需要使用悬停元素的CSS帮助-无法扩展到页面的左侧和右侧

需要一些CSS专家的帮助。如果您访问我的链接：

将鼠标悬停在年份上（顶部中间，2008年，2009年，2010年等），你会注意到一个橙色条从页面的顶部延伸到底部。我试图在左侧（月和日）获得相同的效果，但无法做到这一点

我遇到的问题是，我无法让橙色的悬停条在#dayleft或#monthleft期间从屏幕左侧伸出。它会一直延伸到屏幕的右边缘，但不会延伸到左侧。问题是左边的边距：15px；在#monthleft和左边距：80px；在剩下的日子里。但我不能摆脱这些，因为我需要他们的字母间距

有什么建议吗

#monthleft ul li a:hover {
   margin-left: -20px;
   width: 110%;
   text-indent: 20px;
}

将此添加到悬停代码中。这在firebug中帮了我的忙

对#dayleft元素应用相同的原则，调整左边距和文本缩进的测量值以适应

编辑：这适用于#dayleft

---

这看起来是一种方法。根据使用此效果的目的，另一种方法是重新考虑结构并创建应用悬停的父元素。换句话说，你首先创建一个应用悬停的网格，然后在其中放置文本。更不用说，根据您希望导航实现的用途，无论何时该页面充满年份和日期，都将很难导航。除非你在做整个X+Y日期选择？如果是这样的话，那就给你道具吧！很棒的东西。（提示）windows IE可能会用X轴的滚动条渲染它。。。测试它，如果是，使用溢出：隐藏；关于上述代码：）

#dayleft ul li a:hover {
   margin-left: -110px;
   width: 110%;
   text-indent: 110px;
}