External CSS

[skrilla]

trying to makea mouseover in external css... right now i have:

-------------------------------------------START CODE

.home {
position:relative;
margin-top:10px;
margin-left:10px;
width:124px;
height:20px;
overflow:inherit;
background-color:#ffffff;
border-bottom-style:solid;
border-top-style:solid;
border-color: #89b254;
}

.home:hover {
background-color: #d8efba;
}
-------------------------------------------END CODE

This works fine if the user has java enables, if they don't then the mouseover just doesn't work.
My question is how can I do this mouseover so that everyone can see it?

 

[skrilla]

can anyone help me please? i need a generic mouseover affect for external css or otherwise

 

[Dave]

All you need to do is the following.

<a href="#" class="home">Text</a>