I have a file upload form on my site which displays correctly in IE but FF seems to be completely ignoring the width. You can see it here: http://www.photosocket.com/q/ The width is set to 610px. Thanks
Hi, To start, your HTML isn't valid (oh wait, you're using a Transitional DOCTYPE, never mind; while it is valid, it's not the best way to do it - try using a Strict DOCTYPE next time). Form inputs need to be contained by a block-level element (either a DIV or fieldset). I prefer the DIV personally, using the fieldset only when I need to group related sets of form controls (and those are wrapped around a DIV with a class of "fieldset" to get around a nasty IE rendering bug). I'd change your form code so it looks like this: <form action="/q/index.php" enctype="multi-part/form-data" method="post"> <div> <input type="file" id="single-file" size="50" /> </div> </form> Code (markup): I prefer to set a default size for the input control, then let CSS handle the rest. Bear in mind that styling form controls so they work cross-browser is a royal pain in the neck for most designers, and are one of the few areas where you really have no choice but to put up with the various browser quirks. I'm going to take a look at your stylesheet as well as the HTML page and see how much I can reduce the code weight while improving the performance to achieve the effect you want cross-browser.