Style Sheets and FF Problems

[BAJI26]

If I try to use class in red FireFox doesn't apply it but if I use style in green FireFox applies it. IE7 applies the class in red.

 

Any ideas what's going on?

Thanks!

 

<table [color=red]class="order_services" [/color]>
<tr><td [color=red] class="service_selection" id="serviceselection" [/color][color=green]style="border:1px #cccccc dotted; padding:3px; font-weight:bold;"[/color]>
{foreach key=num item=productgroup from=$productgroups}
{if $gid eq $productgroup.gid}
{$productgroup.name} |
{else}
<a href="{$smarty.server.PHP_SELF}?gid={$productgroup.gid}">{$productgroup.name}</a> |
{/if}
{/foreach}
{if $loggedin}<a href="{$smarty.server.PHP_SELF}?gid=addons">{$LANG.productaddons}</a> | {/if}
<a href="{$smarty.server.PHP_SELF}?step=2&domainonly=true">{$LANG.registerdomain}</a> |
<a href="cart.php?a=view">{$LANG.viewcart}</a>
</td></tr>
</table>

 

Here is the css...

 

.order_services {
 width:98%;
 height: auto;
 font-weight: bold;
 padding:0px;
 border:1px solid #008040;
}

div.service_selection {
 border: 1px dotted #cccccc;
 width:98%;
 font-weight:bold;
 padding:5px;
 text-align: center;
}

td#serviceselection a {
 text-decoration: none;
 color:#2A6505;
 padding:5px;
 font-size:13px;
}

td#serviceselection a:hover {
 text-decoration: overline;
 color:#E04848;
}

[BAJI26]

I found my error. Futher up in the css there were 2 "(" instead or "{".