Good morning all, I just launched my site's redesign (www.webnetdesignstudios.com), and although I'm pleased with the initial results I'm still addressing a few bugs. The one that bothers me the most is the fact that the main menu (i.e. our company, services, portfolio, etc.) collapses and expands in IE and FF when a link is clicked. It seems to work fine in Opera.
The following is a CSS code snippet that controls the main menu, which I grabbed from Listamatic: /* MAIN NAVIGATION BAR ----------------------------------------------------------------------------------------*/ #mainNav {text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 0; padding: 3px 0 5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #CCC4BE;} #mainNav ul {margin: 0; padding: 0; list-style-type: none;} #mainNav ul li {display: inline; line-height: 1.5;} #mainNav ul li a:link, #mainNav a:active, #mainNav a:visited {color: #000; font: bold 0.7em tahoma, sans-serif; text-decoration: none; border-right: 1px solid #999; padding: 10px 10px 9px 10px;} #mainNav ul li a:hover {color: #fff; text-decoration: none; background-color: #FF5100;} #mainNav #pipe {border-left: 1px solid #999;} Any advice would be greatly appreciated! Kind regards, Mario ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************