Tue, 2009-10-06 02:11
http://www.craighooghiem.com/test
I am using a premade theme, but it has been edited a fair bit.
My issue is that if you load the page in Internet Explorer, the left-hand navigation becomes misaligned.
Any help would be very much appreciated!
/**** Main Menu ****/ #sidebar ul.navlist { display: block; clear: both; margin: 0; padding: 0; list-style-type: none; width: 268px; font-size: 16px; } #sidebar ul.navlist li { display: inline; line-height: 0px;/* fix the unwanted gap between li elements in FF */ } #sidebar ul.navlist li a { display: block; height: 30px; line-height: 30px; color: white; padding: 2px 2px 2px 24px; text-decoration: none; border-top: 1px solid #2e3a15; border-bottom: 1px solid #5a6b39; } #sidebar ul.navlist a:hover { color: #d4e2ba; background-color: #718e36; border-bottom: 1px solid #2e3a15; } #sidebar ul.navlist li a.noborder, #sidebar ul.navlist li a:hover.noborder { border-bottom: none; } #sidebar ul.navlist .current_page_item a, #sidebar ul.navlist .current_page_item a:hover { background: #718e36 url(images/menu_arrow_active.jpg) no-repeat center left; cursor: default; color: #d4e2ba; }