[CSS, HTML na XHTML] Problem z width w <INPUT>

[elephantpl]

Mam prostą stronę w HTMLu:

<html>
<style type="text/css">

div {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;}

td {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;}

input {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;}

select {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;}
</style>
<body>
<div>
<select onchange="" style="width: 210px;">
<option value="0">
aa
</option>
<option value="1">
bb
</option>

<option value="2">
cc
</option>
</select>
</div>
<div>
<table cellspacing="0" summary="" style="height: 210px; width: 210px; nowrap; border: solid #666666 1px; overflow: auto;">
<tr>
<td>
tabela
</td>
</tr>
</table>
</div>
<div>
<input name="custom" type="text" style="width: 210px;"
value="" />
</body>
</html>

Po zmianie nagłówka na XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

mimo zadeklarowanej długości w stylu, pole <INPUT> jest dłuższe niż <SELECT> i <TABLE>.

Czy ktoś z Was wie jak rozwiązać ten problem? Co robię źle?

Z góry dzięki za pomoc.

[Asit]

u mnie dziala dobrze.. wszystko ma taka sama dlugosc

[elephantpl]

To bardzo dziwne. U mnie zarówno w FF, jak i w IE <INPUT> jest dłuższy o jakies 2-3px. Czy aby na pewno podmieniłeś w podanym przeze mnie kodzie linie <html> na <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

[wad]

Może problem polaga na tym że w XHTMl znacznik input właściwie nie ma atrybutu " widht " tylko " maxlength "
http://www.w3schools.com/tags/tag_input.asp
http://www.w3schools.com/xhtml/xhtml_html.asp[/manual]

[elephantpl]

Być może. Jednak jeżeli zmiesz liczbę px dla width w stylu, to rozmiar sie zmienia.