New portfollio, with some problems

talk design
1

Hi all,

I’ve been working on a new portfollio website in HTML lately, http://semagames.be/HTML/index.html

(old one: www.semagames.be)

But i’m still experiencing some problems, as you may notice the site navigation does not work yet in internet explorer this has something to do with the way i created it:

HTML:


<ul class="menuList">
      <li class="menuListItem1"><a href="index.html" class="linkHome">
        <div class="homeLink"></div>
        </a></li>
      <li class="menuListItem2"><a href="info.html" class="linkInfo">
        <div class="infoLink"></div>
        </a></li>
      <li class="menuListItem3">
        <div class="contactLink"></div>
      </li>
      <li class="menuListItem4"><a href="shop.html" class="linkShop">
        <div class="shopLink"></div>
        </a></li>
    </ul>

CSS:


ul.menuList {
    position:relative;
    z-index: 1;
}
.homeLink {
    width:92px;
    height:860px;
    background-image:url(images/homeBanner.png);
    margin-left: 1px;
    visibility:hidden;
}
a.linkHome:hover .homeLink {
    visibility:visible;
}
li.menuListItem1 {
    width:92px;
    height:763px;
    float:left;
    display:inline;
    list-style:none;
    margin-top:5px;
}

It has something to do with the visibility stuff but i’m having trouble finding an alternative. Anyone has any idea on how i can get this to work in IE ?

Any critique’s on design, usability, etc etc are welcome to :stuck_out_tongue:

Grts!, Samuel