CSS Bullets not working

[thowe]

Hi - I've got two problems with my bulleted list in CSS, first they don't do their proper rollover (change color on rollover) and the bullets are not displaying as a square bullet, they are round. Here is my CSS file:

------
.main {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #66CC00;
list-style-type: square;
text-transform: uppercase;
}
a:link {
color: #000099;
}
}
a:visited {
color: #993399;
}
}
a:hover {
color: #CC6633;
}
}
a:active {
color: #FF0000;
}
}
.hskp {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #990099;
font-weight: bolder;
text-transform: capitalize;
font-style: normal;
}
.body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #003399;
display: inline;
}
---

 

[DaRNCaT]

you might want to alter the <ul> and <li> tags with CSS, I don't think they are going to inherit your .main class unless you are putting

<ul class="main">

You might also want to add the class to your <a href> tags,

a.main {

}

a.main: visited {

}

etc.

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..