Mac Forum / Applications / Internet Explorer / February 2007

Hello,

I site I designed has links that don't seem to work in mac IE 5.2.  In
my site I'm using CSS to imitate image buttons by using the background
image property along with a little extra markup to make it work.  The
buttons work work fine in PC IE 6, firefox, safari, etc. but not in
mac IE 5.2.  I've looked around the newsgroups but can't seem to find
anyone else who has the same problem.  I've pasted the relevant bits
of code below.  Any ideas?

CSS:
.homepage-links-list {
    position: absolute; left: 33px; top: 136px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.homepage-links-images {
    width: 56px; height: 16px;
    position: absolute; left: 60px; top: 87px;
    overflow: hidden;
}
.homepage-links-images a {
    position:absolute; left:0; top:0;
    width: 56px; height: 16px;
    display: block;
    background:  url(../images/nav-images-over.gif);
}
.homepage-links-images a p {
    position:absolute; left:0; top:0;
    width: 56px; height: 16px;
    display: block;
    text-indent: -56px;
}
.homepage-links-images a span {
    display:block;
    position:absolute;
    left:0;    top:0;    z-index: 1;
    width: 56px;    height:16px;
    background:  url(../images/nav-images.gif);
    cursor: hand;
}
.homepage-links-images a:hover span{
    background: transparent;
}
etc. (it goes on like this for the rest of the list)

HTML
<ul class="homepage-links-list">
   <li class="homepage-links-images"><a href="images.htm">
     <p>Images</p>
     <span></span></a></li>
   <li class="homepage-links-statement"><a href="statement.htm">
     <p>Statement</p>
     <span></span></a></li>
   <li class="homepage-links-bio"><a href="bio.htm">
     <p>Bio</p>
     <span></span></a></li>
   <li class="homepage-links-contact"><a href="contact.htm">
     <p>Contact</p>
     <span></span></a></li>
 </ul>