--- This is my simple default.aspx:
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"
CssClass="input"></asp:TextBox>
<br />
<asp:DropDownList ID="DropDownList1" runat="server"
CssClass="input" >
</asp:DropDownList></div>
</form>
</body>
</html>
-- and my simple default.css
..input
{
width: 150px;
}
-----------------
When i run the code what i get is pretty interesting: the textbox is
wider than dropdownlistbox (or any other input box - be listbox or
anything). The problem is present in Firefox 1.5.0.4. as is in Explorer
6.0.2900.
If i remove tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> the page
gets normally rendered. Any idea why this is happening?
Thanks in advance!
