If you look at this link-http://northshorewebdesign.net/testsite/wp-content/themes/MCAEC/menu-issues/IE-menu.jpg, you’ll see two problems. The top nav background which is highlighted in red gets distorted and the left part of the image moves up. Also the sub menu nav on the left of the page moves the selected link to the center and creates a space above and below it. It should be highlighted but the spacing should remain the same. I have no idea what could be causing this. I have not touched the css for these items. Help!
I noticed that if I remove this CSS, the problem goes away. Anyone have any idea what I didi wrong?
.homepage-sub-menu {width: 960px; height: 50px; position: relative;}
.homepage-sub-menu ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.homepage-sub-menu li {float: left;}
.homepage-sub-menu li a:link,a:visited {display: block; width: 192px; font-family:Calibri, Arial, sans-serif; text-align: center; text-decoration: none; padding-top: 10px; font-size: 18px; line-height: 36px;}
.homepage-sub-menu li a:hover {text-decoration: underline;}