SelectOneMenu + ie8 + css

Bom dia,
Estou utilizando o componente SelectOneMenu com a4j:support, toda alteração que este combo sofrer será efetuada alguma ação, até aqui está tudo ok, no ie7 e firefox. Tentei usar este proceso no ie8 e não dá mais certo, clico para abrir as opções do selectOneMenu mas se eu colocar o mouse em cima de alguma opção o navegador recolhe o SelectOneMenu rapidamente, desta forma nunca consigo alterar a opão do combo. Depois de alguns estudos percebi que é um css que está atrapalhando o SelectOneMenu, o problema é que esse css não faz referencia alguma ao componente mas mesmo assim ele sofre com o css.
É possivel um css causar problemas deste tipo em um componente que não o utiliza?
Tentei trocar alguns atributos do css mas é sem condições, eu teria alguma outra saida?

Interessante, teria como colocar o código da Combo e do CSS ai?

<h:selectOneMenu value="#{assocCliMB.comboSelecionado}" style="color:red"> <f:selectItem itemLabel="#{bundle['combo.selecione']}" itemValue="" /> <f:selectItem itemLabel="#{bundle['combo.associarAtividades']}" itemValue="01" /> <f:selectItem itemLabel="#{bundle['combo.associarExecutoresAtiv']}" itemValue="02" /> <f:selectItem itemLabel="#{bundle['combo.associarAcoes']}" itemValue="03" /> <a4j:support event="onchange" action="#{assocCliMB.limpaObj}" reRender="assoc01, assoc02, assoc03, assoc04, navBotao"></a4j:support> </h:selectOneMenu>

e o css

[code]#contentArea {
overflow: auto;
position: fixed;
left: 1px;
bottom: 30px;
right: 0;
top: 50px;
font-family: tahoma;
font-size: 20px;
border: 1px solid red;
}

#footer {
font-family: tahoma;
font-size: 10px;
margin: 0 auto;
position: absolute;
left: 0;
bottom: 0px;
overflow: hidden;
width: 100%;
text-align: center;
height: 23px;
padding: 3px 0 0 0;
border-top: 3px double #BED6F8;
vertical-align: middle;
} [/code]

este css é utilizado para deixar um topo e um rodape fixo e sem barra de rolagem

Fiz alguns testes e sem o css ele funciona normal, é possivel um css bloquear comandos html?