Input box issue in IE6

I have this template at http://yeshide.com/yeshide/ which looks fine in FF, however when viewed in IE6, the input box gets kind of cut off, which you can see from this screenshot :




If some one could help me fix this problem I'd be grateful.

Thanks

 

Can anyone please help ?

 

Start by validating your HTML code and cleaning up the errors. Then check your stylesheet for errors as well. I do not suggest using list items to lay out your form, and also suggest that you remove the blank space and the XML encoding from above your DOCTYPE, which is forcing IE 6 into quirks mode.

You should however, use lists to mark up your site menu rather than a DIV.

 

you defined a width via css but not a max width via html, try this:

<input type="text" name="textfield" maxlength="A NUMBER">

IE reads that you want it to be a certain width in pixels and just repeats the css if you go over that, Firefox doesn't.