Это потому, что IE8 интерпретирует природу своего родительского контейнера: header_widget_1. При изменении размера или форматирования этого элемента элемент <li> преждевременно обрезается. Если у вас есть Google Chrome, вы можете щелкнуть правой кнопкой мыши элемент боковой панели, о котором вы спрашиваете, и выбрать «Проверить элемент». Это покажет вам, что делают элементы.
Редактировать: У вас также есть значительная горизонтальная полоса прокрутки в IE7.
Изменить 2:
Вы можете попытаться изменить высоту элемента #header, чтобы она была такой, какой вы хотите. Поскольку высота не выражена в классе sidebar , это также может способствовать возникновению проблемы.