Can somebody tell me what on earth is wrong with this code? Something must be overriding the default link colour – I’d like it set at #99CCFF but it is determined to be white… it’s driving me CRAZY!
[CODE]
body
{
font-size: 0.75em;
color: #000000;
background: #99CCFF url(“file:///C:/Documents and Settings/kate.bond/My Documents/Practice/HTML CSS/Images/background.gif”) repeat-y top center;
margin: 0;
padding: 0;
font-family: arial, helvetica, verdana, sans-serif;
}
a:link {color: #99CCFF;}
a:visited {color: #99CCFF;}
a:hover {color: #ffffff; text-decoration: none;}
a:active {color: #ffffff;}
h3
{
font-size: 1.4em;
text-align: center;
margin: 0;
padding: 0;
}
span
{
display: none;
}
p
{
margin: 0.9em 0 0.9em 0;
padding: 0;
text-align: justify;
line-height: 1.2em;
}
blockquote
{
display: block;
padding: 0px 20px;
width: 240px;
}
blockquote:before, blockquote:after
{
color: #69c;
display: block;
font-size: 700%;
width: 50px;
}
blockquote:before
{
content: open-quote;
height: 0;
margin-left: -0.55em;
}
blockquote:after
{
content: close-quote;
height: 50px;
margin-top: -46px;
margin-left: 255px;
margin-bottom: -8px;
}
#container
{
width: 344px;
position: absolute;
left: 52%;
margin-left: -198px;
}
h1#header
{
background-image: url(“file:///C:/Documents and Settings/kate.bond/My Documents/Practice/HTML CSS/Images/header.gif”);
height: 319px;
width: 344px;
background-attachment: fixed;
background-position: top center;
margin: 0;
}
ul
{
padding: 0;
margin: 0;
}
ul li
{
list-style: none;
padding-left: 0;
border-bottom: 1px #365779 dotted;
height: 1.6em;
}
#content
{
padding: 0;
margin: 0.9em 0 2em 0;
}
.photo ul.topic
{
padding: 0;
margin: 0;
list-style: none;
width: 350px;
height: 182px;
}
.photo ul.topic li
{
display: inline;
width: 120px;
height: 31px;
}
.photo ul.topic li ul li a img
{
display: block;
width: 106px;
height: 88px;
float: left;
margin: -1px;
border: 2px solid #99CCFF;
}
.photo ul.topic li ul li
{display:inline; width:109px; height:90px; float:left; margin: 3px;}
.photo ul.topic li ul li a
{display:block; width:109px; height:90px; cursor:default; float:left; text-decoration:none;}
.photo ul.topic li a:hover ul li a:hover,
.photo ul.topic li:hover ul li a:hover
{white-space:normal; position:relative;}
.photo ul.topic li a:hover ul li a:hover img,
.photo ul.topic li:hover ul li a:hover img
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
#footer
{
font-weight: normal;
}