[swifty1]

I have tried BACKGROUND-COLOR: #DA1203; with TEXT-COLOR; #FEFEFE which does change the center part to red with white text in IE7/8 and FF but in IE6 it remains white with white text, for some reason IE6 does not recognise BACKGROUND-COLOR:
I have changed the TEXT-COLOR to #000000 so that it shows up in all the browsers but black text in red is not good, it should be white text.

Does IE6 follow the HTML rather than CSS as i had to remove the font color from the HTML code to prevent the white text in IE6 and allow the CSS TEXT-COLOR to #000000 to be shown.

Copy of HTML code
<tr>
<td width="9" style="background-repeat: repeat-y; background-image: url({$ImagesDir}/tab_left_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
<td class="{$bg_title_class}"{$reading_direction_tag}> &nbsp;<font color="#">{$button_title}&nbsp;{if $arrow eq "Y"}<img src="{$ImagesDir}/rarrow_flc_2.gif" class="BBCorner" alt="" />{/if}</font></td>
<td width="9" style="background-repeat: repeat-y; background-image: url({$ImagesDir}/tab_right_2{$sfx}.gif);"><img src="{$ImagesDir}/spacer.gif" class="BBCorner" alt="" /></td>
</tr>
Any ideas as to what is happning?