CSS and glossy menus

[jaleema]

I used the glossy menu's links on my website. The problem is the site works on www.tripod/lycos but they do not work when I used yahoo geocities. It is the exact same code. what could i be doing wrong. When I run my site on geo, the page loads with errors but the exact same code will run fine on tripod.lycos.


is there a site on yahoo where i can check my code for errors just on a yahoo site.

[the-disturbed]

sounds to me like geocities is blocking css code, as some people may try to use it to cover ads, dunno about tripod i've never used it

*hint for the future, code and links are a good idea, so we arn't completely blind

[jaleema]

sorry.

this is the link. i am still working on it,

http://www.geocities.com/bluemapmen/stepteam.html

The blue background it part of my CSS. This is the code for the css. Everything else works except for the links

html { width: 100%; height: 100%; margin:0; padding:0; }

body { width: 100%; height: 100%; color: black; background-color: blue;}

#box { position:absolute; left:17%; top:8px; width:75%; height:95%; padding:5px; color: blue; background-color: white; border: solid 1px black;}

#box p {margin-top:5px; margin-bottom:5px; }

#box p {text-align: center;}

h1 {text-align: center;}

h3 {text-align: center;}

/*Credits: Dynamic Drive CSS Library */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(media/glossyback.gif) repeat-x bottom left;
font: bold 18px "Times New Roman";
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(media/glossyback2.gif);
}

#content { position:absolute; left:15%; top:70px; width:85%; height:53%; padding:75px; text-align:center; }
#content p { text-indent:4px; }