Problem with IE & input box

[Floodster]

I'm not sure how to explain this so it is easier if you take a look at the site using I.E V6

http://www.e-ms.co.uk

My problem is that in the navigation menu I have an input box to search for a postcode but in IE 6 it won't let you click in there using your mouse, you can use the TAB key to get in there though!!! There are no problems using FF.

I thought this was something to do with the footer being level with it but I'm not sure how to test it.

Any help would be greatly appreciated.

My CSS code for the footer is

#footer{
position:absolute;
width:100;
clear:both;
background-color:transparent;
}
#footer p{
margin:0.5em 3em 0em 22em;
text-align:right;
font-size:70%
}

& my CSS for my nav is

#nav{
position:absolute;
top:6em;
left:1em;
width:14em;
background-color:#FFF99;
}

 

[Floodster]

I've just noticed that it only happens on the home page???

 

[Floodster]

I've done a quick cheat to fix it for now & that was to make the content in the home page a bit longer so it knocked the footer down.
Not perfect but it's a workaround.
If anyone know's why this is happening I would appreciate some guideance.

Thanks.

 

[Vragabond]

Your page is confusing the way it works and in my Mozilla, I cannot click on the top input box. I would consider rewriting the page, because your footer should not be hovering over your left navigation.

 

[Floodster]

Vragabond,
I have now changed it so that the footer stays at the 'bottom' by adding in to my #footer CSS;

bottom:0;

this now seems to have cured it.

thanks.