Title: IE6 hover problems
Last modified: August 18, 2016

---

# IE6 hover problems

 *  [moonxchild](https://wordpress.org/support/users/moonxchild/)
 * (@moonxchild)
 * [18 years, 7 months ago](https://wordpress.org/support/topic/ie6-hover-problems/)
 * I’ve been having issues with a WordPress theme of mine. Site is here.
 * The rounded corner hovers are working fine in Firefox and IE7, although I was
   in IE6 the right part of the hover tab doesn’t show up. I checked on another 
   computer of mine and true enough, it wasn’t there.
 * My question is, how can I make that part of the tab show up in IE6? I’ve tried
   working on it for hours but I’ve yet to still figure it out.
 * This is the CSS:
 *     ```
       #navi{
           float: left;
           height: 45px;
           width: 100%;
           background: url(images/navbg.gif) no-repeat;
           overflow: hidden;
       }
   
       #nav {
           list-style: none;
           margin: 7px 0 0 0;
           padding-top: 7px;
       }
   
       #nav li {
           float: left;
           height: 31px;
           background: url(images/navtabactiver.png) top right no-repeat;
           margin: 0 3px;
           white-space: nowrap;
       }
   
       #nav .page_item a{
           color: #006699;
           display: block;
           background: url(images/navtabactivel.png) top left no-repeat;
           text-decoration: none;
           padding: 0px 10px 0px 10px;
           font: bold 12px Verdana, Arial, Helvetica, sans-serif;
           line-height: 31px;
       }
   
       #nav li:hover {
           background-position: 100% -38px;
           color: #fff;
       }
   
       #nav .page_item a:hover {
           background-position: 0px -38px;
           border: none;
           color: #BFEBA3;
       }
   
       #nav li.current_page_item {
           color: #fff;
           text-decoration: none;
           background: url(images/navtabr.png) top right no-repeat;
       }
   
       #nav .current_page_item a, #nav .current_page_item a:visited{
           color: #fff;
           text-decoration: none;
           background: url(images/navtabl.png) top left no-repeat;
       }
       ```
   
 * And this is the code that goes in the header:
 *     ```
       <div id="navi">
       <ul id="nav">
       <li class="page_item"><a href="<?php echo get_settings('home'); ?>/" title="Home">Home</a></li>
       <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0');
       print_r($pages); ?>
       </ul>
       </div>
       ```
   

Viewing 1 replies (of 1 total)

 *  [RandallFlagg](https://wordpress.org/support/users/randallflagg/)
 * (@randallflagg)
 * [18 years, 6 months ago](https://wordpress.org/support/topic/ie6-hover-problems/#post-642977)
 * I have a problem Kinda like that.
    I’m using hover images to do a menu, and ok,
   IE7, FF & Opera work just fine. For any problem with IE6 I use the Hacks of Behavior
   with .htc files…
 * but, when doing the hover in the menu which has 6 options, only 2 work fine, 
   an the rest stay still like there is no hover…
 * I use de CSSHOVER.HTC, and have a css exlcusive for all the troubles with IE (
   which btw it’s called iefix.css)
 * have you try the htc hack for ie?

Viewing 1 replies (of 1 total)

The topic ‘IE6 hover problems’ is closed to new replies.

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [IE6](https://wordpress.org/support/topic-tag/ie6/)

 * 1 reply
 * 2 participants
 * Last reply from: [RandallFlagg](https://wordpress.org/support/users/randallflagg/)
 * Last activity: [18 years, 6 months ago](https://wordpress.org/support/topic/ie6-hover-problems/#post-642977)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics