Posted by macolnmail on 11/01/06 07:48

Hi, my friend's org is dedicated to improving Sino-Indian relations,
and they were looking for a volunteer to design their website. I said
sure, sounds like a good cause, but I have run into some trouble.
Looking for CSS experts, and hope this is the right place! :)

I'm using the hoverbox code to create a pop-out effect for the
navigation list. It works great in Firefox, but IE doesn't obey. Would
anyone be able to take a look at the following and give some advice?
Much appreciated.

------------------------------------------------
#navcontainer{
background:transparent;
width:140px;
height:574px;
margin-top:120px;
margin-left:-200px;
float:left;
}

/* start of hoverbox code */
#navlist
{
list-style: none;
}

#navlist a .hovered
{
display: none;
}


#navlist a:hover .hovered
{
display: block;
position: absolute;
bottom: 4px;
right: 4px;
z-index: 1;
}

#navlist img {
border-width: 0;
color: inherit;
padding: 2px;
vertical-align: top;
}

#navlist li{
border-width: 0px;
text-align: right;
color: inherit;
display: inline
float: left;
margin: 1px;
padding: 5px;
position: relative;
width: 165px;
}

/* INTERNET EXPLORER HACKS */

* html #navlist a
{
position: relative;
}

* html #navlist a:hover
{
font-size: 100%;
z-index: 1;
}

* html #navlist a:hover .hovered
{
bottom: 4px;
right: 4px;
}

* html #navlist li
{
position: static;
}

/* end of hoverbox code */

[Back to original message]