help with CSS and internet explorer

Before I get started with my questions, I'd like to say thanks to
everyone for the time they may take helping me.

I'm fairly new to style sheets, so please excuse any ignorance. I've
set up my website and things look like I want them to in Mozilla and
Safari. I've also validated the style sheets against the W3C CSS
Validator and everything is valid.

I have two main problems.

First. I use my css to create a role over effect for my navigation
bar. The naviagtion bar is set up in a table and I then apply a css
class to each td element.

Here's the HTML
<table width="700" cellpadding="0" cellspacing="0" align="center"
border="0"><tr>
<td width="100" height="28" class="button"><a href="index.html"

Home</a></td
td width="100" class="button"><a href="guest.php">Guestbook</a></td

<td width="500"><!-- dummy button --></td>
</tr></table>

Here's the CSS
..button {
background-color:#CCCCFF;
font: 100% "Times New Roman", Times, serif;
font-size:20px;
text-align:center;
border-color:#CCCCFF;
border-style:solid;
border-width:thin;
}

..button a {
text-decoration:none;
color:#000000;
display:block;
}

..button:hover {
background-color:#CCCCCC;
border-color:#000000;
}

When hovering over the buton in IE the background and the border color
do not change.

Second. I use Moveable Type to publish a blog on my website. When I
click on the "continue reading" link for a post the styles aren't
applied properly. They do get applied, but only i do something like
minimizing and maxamizing the window.

my website: http://www.joshuawsmith.com
my stylesheet: http://www.joshuawsmith.com/styles-site.css

Thank you for any help you may provide and please excuse my ignorance.

josh (AT) joshuawsmith (DOT) com (Joshua Smith) wrote:

When hovering over the buton in IE the background and the border color
do not change.

IE only supports :hover on <a> elements. :-(

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>

Joshua Smith wrote:

When hovering over the buton in IE the background and the border color
do not change.

Internet Explorer does not support :hover except on <a> elements with href
attributes.

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

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>