Has someone seen this cell IE bug

IE bug #1: When a table has multiple cells with a width of 1% on one row
if one of the cells are stretched by text all of the other cells will grow as well.

IE bug #2: If one of the input fields in a table row has a default value it will stretch much wider than the rest, even if they all have the same width value.

Explained here with images http://primepixel.com/hosting/iebugs/iebug.html

Any info appreciated! :thumbsup:

Have a try by removing the width:100% from inputs
input { /*width: 100%;*/ border: 1px solid gray }

Why are you putting an input in a table cell anyway? That’s wrong. A table is not made to lay out forms, it’s for tabular data only. Here’s how it’s done right: http://alistapart.com/articles/prettyaccessibleforms

Hello VIPS, in that example 3 (http://alistapart.com/d/prettyaccessibleforms/example_3/), is that span an overkill?

<label for="name" style="display: -moz-inline-box;"><span style="display: block; width: 120px;">Name <em>*</em></span></label>

The reason it's in a table is because I want the inputs and the labels to fill up the full width of the table without explicitly setting width of each input, and there's no way to replicate that functionally with CSS.

Have a try by removing the width:100% from inputs
input { /*width: 100%;*/ border: 1px solid gray }

If I remove that the input will not fill-up the width of the cell. Instead, it will stay it's default width (about 10em?)