[css-d] CSS Image Map and IE7

[Marc]

I've been working on a variation of this technique:

http://alistapart.com/articles/imagemap

And, surprise surprise, I'm having trouble with my links not being clickable
in Internet Explorer.  (The borders are clickable, but with the text hidden,
that's all)



Here is my [snipped] css:

____________________________________________________________________________
________

#header {
        background : url(tanMasthead.gif);      
        position:relative;
        height:236px;
        background-color:#FFFFFF;
        width:1024px;

}

#MainNav ul {
        padding:0;
        margin:0;               
}

#MainNav ul li {
        list-style-type : none;
}

#MainNav a {
        position: absolute;     
        height: 50px;
        width: 50px;    
        text-decoration: none;
        border: thin solid blue;
}
#MainNav a i {
        visibility: hidden;
        width:50px;
        height:50px;
}

a#btnHome {top:22px;left:19px;width:105px;height:140px;}
a#btnForPatients{top:5px; left:675px;}
a#btnForMedicalProfessionals{top:10px;left:754px;}
a#btnAboutMhaus{top:14px;left:831px;}
a#btnPlaceOrder{top:22px;left:908px;}

____________________________________________________________________________
________


And here is my [snipped] markup:

<div id="header">
                        
                                <div id="MainNav">
                                        
                                        <ul>
                                        
                                                <li>
                                                        <a
href="http://www.mhaus.org"; id="btnHome">
                                                                <i>Home</i>
                                                        </a>
                                                </li>
                                                
                                                <li>
                                                        <a
href="http://patients.mhaus.org"; id="btnForPatients">
                                                                <i>For
Patients</i>
                                                        </a>
                                                </li>
                                                
                                                <li>
                                                        <a
href="http://medical.mhaus.org"; id="btnForMedicalProfessionals">
                                                                <i>For
Medical Professionals</i>
                                                        </a>
                                                </li>
                                                
                                                <li>
                                                        <a
href="http://about.mhaus.org"; id="btnAboutMhaus">
                                                                <i>About
MHAUS</i>
                                                        </a>
                                                </li>
                                                
                                                <li>
                                                        <a
href="http://shop.mhaus.org"; id="btnPlaceOrder">
                                                                <i>Place
Order</i>
                                                        </a>
                                                </li>
                                                
                                        </ul>
                                        
                                </div>
                                                
                        </div>

____________________________________________________________________________
________

Any way to get this to work in IE?

Thanks,

M

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/