Having a weird issue in Safari with a menu bar that is broken into 2 ULs separated by a graphic. Looks fine in Firefox, but in Safari the content after the menubar is hidden, even though I can see it if I view source of page. The CSS validates fine.
http://westashevilleyoga.com/yoga/ Here is the HTML: <div id="menubar-l"><ul> <li><a href="<?php bloginfo('url'); ?>/class-schedule/">Class Schedule </a></li> <li><a href="<?php bloginfo('url'); ?>/ events/">Events </a></li> </ul></div> <div id="menubar-m"><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('url'); ?>/wp-content/themes/simple-grey/images/ MenuBar-M" width="162" height="31" border="0" /></a> </div> <div id="menubar-r"><ul> <li><a href="<?php bloginfo('url'); ?>/ teachers/">Teachers </a></li> <li><a href="<?php bloginfo('url'); ?>/philosophy/">Philosophy</ a></li> </ul></div> Here is the CSS: #menubar-l {float:left; width:258px; height:31px; background: url(images/MenuBar-L.gif) no-repeat;color:#301A14; font:bold 17px "trebuchet ms", arial, geneva, sans-serif;} #menubar-m {float:left;} #menubar-r {float:left; width:277px; height:31px; background: url(images/MenuBar-R.gif) no-repeat; color:#301A14; font:bold 17px "trebuchet ms", arial, geneva, sans-serif;} #menubar-l ul, #menubar-r ul{list-style-image:none;list-style- type:none; margin:0;} #menubar-l ul li, #menubar-r ul li{margin:0; float:left;} #menubar-l ul li a, #menubar-r ul li a:visited {display:block; padding:5px 4px; color: #301A14; text-decoration:none;} #menubar-r ul li a:hover, #menubar-l ul li a:hover { color: #397473; text-decoration:none;} Any help or suggestions are gratefully welcomed! Thanks, Timothy ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
