Erro em calendario - HTML/JS/CSS

[ZeTeC]

Bom pessoal to com um erro chato a algum tempo.

É o seguinte: tem um input text, que ao lado dele tem uma imagem que quando você clica abre um calendario e o usuario seleciona a data. No firerox esta tudo normal, clico e o calendario aparece AO LADO do input text. já no IE o calendario aparece LA EM CIMA da pagina, ou seja, totalmente fora de lugar.

Seguindo alguns conselhos me disseram que é algo na CSS. Vou postar os codigos aqui pra vocês analisarem. tudo muito simples.

JSP:

<li>

<giroweb:label styleClass="desc" key="acao.dtRealizada"/>

<form:errors path="dtRealizada" cssClass="fieldError"/>

<form:input path="dtRealizada" id="dtRealizada" cssClass="text small" maxlength="10" onkeypress="data(this);"/>

<img src='<c:url value="/images/iconCalendar.gif"/>' id="calDtRealizada" class="giroweb16" title='Calendario'/>

</li>

JS:

Calendar.setup({

inputField : "dtRealizada", // ID of the input field

ifFormat : "%d/%m/%Y", // the date format

button : "calDtRealizada" // ID of the button

});

CSS:

img.giroweb16{

border: 0 !important;

width: 16px;

height: 16px;

background: transparent !important;

}

desde já muito obrigado

[Toze]

acho que n é a melhor saida, mais se voce inserir tanto no img.giroweb16 quanto no input dtRealizada o atributo, float: left; vai funcionar como voce quer.

espero ter ajudado.

[ZeTeC]

não consegui colocar o atributo no input, colocando so no css ele já melhorou, o calendario aparece no meio da pagina e não mais no topo....porem a imagenzinha esta em baixo da caixa de texto ao invés de estar ao lado