CSS and Navigation Table

[CEFM]

Ok I have a table for navigation:

<table width="175" border="0" cellspacing="2" cellpadding="2">
<tr>
<td class="navselect"><a href="home.html">Home</a></td>
</tr>
<tr>
<td class="navnormal"><a href="about.html">About</a></td>
</tr>
<tr>
<td class="navnormal"> <p><a href="order.html">Order</a></p></td>
</tr>
<tr>
<td class="navnormal"><a href="1.html">Link 1</a></td>
</tr>
<tr>
<td class="navnormal"><a href="2.html">Link 2</a></td>
</tr>
</table>

And 2 CSS entries:

..navselect {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #000066;
background-color: #CEECFF;
border-bottom-width: thin;
border-left-width: thick;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #33CCFF;
border-left-color: #0066FF;
font-size: 12px;
}
..navnormal {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
background-color: #EAF7FF;
border-bottom-width: thin;
border-left-width: thick;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #66CCFF;
border-left-color: #000099;
font-size: 12px;
}

I would like to do a mouse over with navnormal being the default, and
navselect be the mouse over, is this possable or is there a better way, I
don't want to use images, since this is a site for the blind. But want to
make it look nice to the non-blind.

 

[David Dorward]

Ok I have a table for navigation:

<td class="navselect"><a href="home.html">Home</a></td>

Its only got one column, the data looks more like a list then a table.

I would like to do a mouse over with navnormal being the default, and
navselect be the mouse over, is this possable or is there a better way

http://css.maxdesign.com.au/listamatic/

 

[CEFM]

Thank you,

I don't normally use lists, and had no idea they could do that.