Нужна помощь CSS с элементом наведения - нельзя расширить на левую и правую части страницы

Question

Нужна помощь гуру CSS. Если вы посетите мою ссылку:

http://www.gabbr.com/js/viewer/cmedata/index1.html

и в течение нескольких лет (верхние середины, 2008, 2009, 2010 и т. Д.) Вы заметите оранжевую полосу, продолжающуюся сверху вниз. Я пытаюсь получить тот же эффект слева (месяц и день), но не могу этого сделать.

Проблема, с которой я столкнулся, заключается в том, что я не могу заставить оранжевую полосу наведения выдвигаться за пределы левой части экрана для #dayleft или #monthleft. Он простирается до правого края экрана, но не до левого. Проблема в левом поле: 15px; в #monthleft и margin-left: 80px; в #dayleft. Но я не могу избавиться от них, потому что я требую их для пробела между буквами.

Любой совет?

Answer 1

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

Добавьте это к своему коду наведения. Это помогло мне в firebug.

Примените тот же принцип к элементу #dayleft, отрегулировав размеры полей слева и текста с отступом.

РЕДАКТИРОВАТЬ: Это работает для # dayleft

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