Duda con menu de pestañas

hola, estoi haciendo un menu con dos pestañas, en css:
este es el codigo:

Código :

#barra_top {
   float:left;
   width:100%;
   height:28px;
   /*margin-top:-3px;*/
   padding:0px;
   z-index:2;
}

#barra_top ul { width:740px; list-style:none; margin-top:0px; margin-right:1px; }
#barra_top li { float:right;}
#barra_top li a {
   display: block;
   text-align: center;
   text-decoration: none;
   /*width:140px;*/
   font-size:12px;
   color:;
   font-weight:normal;
   padding-top:8px;
   line-height:19px;
   font-family:Arial, Helvetica, sans-serif;
}
#barra_top li a.particulares {
   background: url(gfx/btnSector1_on.gif) no-repeat top;
   width:94px;
}
#barra_top li a.particulares_on {
   background: url(gfx/btnSector1B_off.gif) no-repeat top;
   width:94px;
}
#barra_top li a.profesionales {
   background: url(gfx/btnSector2_on.gif) no-repeat top;
   width:167px;
}
#barra_top li a.profesionales_on {
   background: url(gfx/btnSector2_off.gif) no-repeat top;
   width:167px;
   }

en el firefox se ve bien, pero el problema eparece cuando intento verlo en explorer 7, ya que no sale en el lugar correspondiente.
Gracias.

seria mejor si pasas un link de esa pagina con el menu, o al menos screenshots, asi te podria decir exactamente donde esta el error.

Pero lo que debes hacer es identificar el elemento que te sale descruadrado y tratar cambiando propiedades que podrian estar afectandolo, es puro test test test.