[SOLVED] CSS Help

[TennShadow]

Hi everyone,

First off I have to issue a disclaimer that I'm not very good with coding or CSS but I'm trying to learn.

I'm trying to style tables ( for the first time ever) and they are showing up correctly in Chrome and FireFox but not in IE9. I'd like to have it work in IE9 as well because not everyone has seen the light. lol

Here is what is in my style sheet for my tables.

table   {
   width: 100%;
   background: #E8E8E8;
}

table.sample {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
background: #fff;
margin: 45px;
width: 800px;
border-collapse: collapse;
text-align: left;

table.sample th {
   font-size: 14px;
font-weight: normal;
color: #039;
padding: 10px 8px;
border-bottom: 2px solid #6678b1;
}
table.sample td {
   border-bottom: 1px solid #ccc;
color: #669;
padding: 6px 8px;
}

table.sample tr:hover td {
   color: #009;
}

When I call table.sample it works fine in Chrome and FireFox but not in IE9.

When I look at the table in IE9 all it pulls is

table   {
   width: 100%;
   background: #E8E8E8;
}

and not from table.sample.

I'm not having any luck finding answers I can understand with google searches. Any help would be great.

Thanks,

keith

[TennShadow]

Never mind, I figured it out. I was missing a { .

All I needed to do was shut down the computer for a little while and clear my head.

Thanks!