Strange FireFox behaviour with default value and css

Hi,

I’m seeing some stange behaviour in FireFox when I have a form element nested in a table with a default value, and some CSS applied. Here’s a minimal example:

[CODE]
<style>
.outer {
position: relative;
}

.inner {
position: absolute;
}

</style>

<table>
<tr>
<td>
<div class=”outer”>
<div class=”inner”>
<input value=”foo” name=”textbox” type=”text” size=”40″>
</div>
</div>
</td>
</tr>
</table>
[/CODE]

The default value doesn’t appear in FireFox. But when you start typing the default text appears with whatever you’ve typed in. Adding form tags, body tags, etc. has no affect. Removing the tables *or* the positions fixes it. This doesn’t happen at all in IE6.

Any ideas about what I’m doing wrong?

Ok, so I shouldn’t necessarily be using tables, but I can’t unfortunately change that right now.

Also in #CSS _↴