CSS - Problema de compatibilidad de Explorer

Hola buenas, tengo una aplicación que tiene un problema de compatibilidad entre IE6 e IE7.

tengo una funcion para poder mostrar un submenu pero en IE6 no se muestra ya que va unida a un css.

este sería la funcion:

function ClearLnkSelected(option) {
document.getElementById('lnkSeguimientoOption').cl assName = 'option';
document.getElementById('lnkInformesOption').class Name = 'option';
document.getElementById('lnkLocVehiculos').classNa me = 'option';
document.getElementById('lnkLocDirecciones').class Name = 'option';
document.getElementById('lnkVehiculosSub').classNa me = 'option';
document.getElementById('lnkGruposVehiculos').clas sName = 'option';
document.getElementById('lnkDatosVehiculo').classN ame = 'option';

document.getElementById('' + option + '').className = 'optionSel';
}

este sería el codigo html:

<div id="divLocalizador" style="z-index:3; position:relative; width:100px; height:20px; top:-2px; left:10px; display:none">
<table>
<tr>
<td><a href="#" id="lnkLocVehiculos" class="option" onclick="LoadTarget('lnkLocVehiculos');">Vehículos </a></td>
<td>  <a href="#" id="lnkLocDirecciones" class="option" onclick="LoadTarget('lnkLocDirecciones');">Direcci ones</a></td>
</tr>
</table>
</div>
<div id="divSeguimiento" style="z-index:3; position:relative; width:100px; height:20px; top:-2px; left:10px; display:none">
<table>
<tr>
<td><a href="#" id="lnkSeguimientoOption" onclick="LoadTarget('lnkSeguimiento');" class="option">Seguimiento</a></td>
</tr>
</table>
</div>
<div id="divInformes" style="z-index:3; position:relative; width:100px; height:20px; top:-2px; left:10px; display:none">
<table>
<tr>
<td><a href="#" id="lnkInformesOption" class="option" onclick="LoadTarget('lnkInformes');">Informes</a></td>
</tr>
</table>
</div>
<div id="divVehiculos" style="z-index:3; position:relative; width:100px; height:20px; top:-2px; left:10px; display:none">
<table>
<tr>
<td><a href="#" id="lnkVehiculosSub" class="option" onclick="LoadTarget('lnkVehiculosSub');">Vehículos </a></td>
<td>  <a href="#" id="lnkGruposVehiculos" class="option" onclick="LoadTarget('lnkGruposVehiculos');">Grupos </a></td>
<td>  <a href="#" id="lnkDatosVehiculo" class="option" onclick="LoadTarget('lnkDatosVehiculo');">Configur ación</a></td>
</tr>
</table>
</div>
</div>

y este sería el estilo option:

.option
{
font-size: 10px;
font-style: normal;
color: #F4F4F4;
font-family: Verdana;
text-decoration: none;
}