WordPress.org

1. hypergate
   Member
   Posted 6 months ago #

   Hope the kind folks here can assist with a CSS issue I'm having. My site jduvall.net is using a modified (read hacked up) version of the blocks2 template. The problem I'm having is the navigation bar doesn't show the grey background (& highlighted tab) in IE7. In both firefox and safari it looks & works fine but IE shows now background ro selection. I tried a few different CSS tricks and can't seem to find one that works cross browser. Any help would be greatly appreciated!

2. esmi
   Member
   Posted 6 months ago #

   Try changing:

   #menubar .menus li.current_page_item a:hover {background:#FFFFFF;}

   to

   #menubar .menus li.current_page_item a {background:#FFFFFF;}

   Nice site. :-)

3. hypergate
   Member
   Posted 6 months ago #

   Thanks for pointing me in the right direction. The change didn't totally fix it but in the process something jumped out at me. I was using "grey" instead of #999 - IE apparently doesn't understand english. :)

   I changed:

   #menubar {
   background: grey none repeat scroll 0 0;
   ...
   }

   TO

   #menubar {
   background: #999 none repeat scroll 0 0;
   ...
   }

   and a couple other references from grey to #999 and all is better in IE.

   :)

Reply

You must log in to post.