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.