CSS Positioning in IE

[cesarcesar]

I'm using a JS/CSS calender script found at http://www.dynarch.com/projects/calendar/. It works great except for one thing.. it wont position correctly in IE (6 & 7).

 

I have a form with 20 text inputs strait down a page. As per instruction i place the following code just below my desired text input, say at tab index 12.

<script type="text/javascript">
Calendar.setup({
inputField     :    "this_fieled_name",   // id of the input field
ifFormat       :    "%Y-%m-%d",       // format of the input field
showsTime      :    true,
timeFormat     :    "24"
});
</script>

When the page and script run, in Firefox its perfect, but in IE, the calender places almost 200px high than desired near tab index 6.

 

My question is, how do i get IE to position as FF does?

 

Here are i think the two most important files that may need affecting. Both are stock from download.

http://www.empiresolutions.net/demo/calendar-setup.js

http://www.empiresolutions.net/demo/theme.css

 

Thanks much.

 

Cesar