Previous Message
Next Message

Site check please

Sent by daniela froehlich on 3 December 2007 03:03


Dear All
On my site I am using Tanfa's CSS menu. Used it several times already and it always worked fine.
Now on my latest website it does not seem to work properly in one of the IE. Unfortunately I do not
know which version and have no clue what could be wrong.
The site can be viewed at:
http://www.artworksbyrene.com/gnd-info/index.html

The menu CSS is:
/*    start main menu */
#menu {
    background-image: url(../images/menu.jpg);
    background-repeat: repeat-x;
    margin: 8px 0;
    width: 99.8%;
    height: 24px;
    border: 1px solid #030;
    float: left;
}

#menu a,
#menu h2 {
    padding: 5px 20px 6px 4px;
    display:block;
    font-weight: bold;
    font-size: 11px;
    text-decoration:none;
    background-color: transparent; color: #030;
}

#menu a:hover {
    background-image: url(../images/menu-hoover.jpg);
    background-repeat: repeat;
    background-color: transparent; color:#903;
}

#menu ul.first {
    margin-left: 10px;
}

#menu ul.xlarge {
    width: 220px;
    height: 24px;
}

#menu ul {
    list-style: none;
    float: left;
    width: auto;
}

#menu ul ul li {
    background-image: url(../images/menu-hoover.jpg);
    background-repeat: repeat-x;
}


#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
    background-image: url(../images/menu-hoover.jpg);
    background-repeat: repeat;
background-color: transparent; color:#903;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* End CSS Popout Menu */

Appreciate any hints/tipps!
Thanks,
pothound




      ____________________________________________________________________________________
Get easy, one-click access to your favorites. 
Make Yahoo! your homepage.
http://www.yahoo.com/r/hs 
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: