After applying some styling in a master page (this was very minimal and the content of the master page is below) the WebDateTimeEditor's used in a GridView now display larger than they should length wise. I've included a screenshot of what the grid looks like. What can I do to resolve this issue?
<!
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 id="Head1" runat="server">
<title>Standard title</title>
link rel="stylesheet" href="http://www.nebraskafc.org/styles.css" type="text/css">
</
head>
body><div style="background-color:#e9f5fa" align="left">
<div id="red"><div id="logo"><img src="http://www.nebraskafc.org/images/logo.png" alt="Nebraska Families Collaborative" width="174" height="90" border="0" hspace="18px" /></div></div>
<form id="form1" runat="server">
<div>
<table width="100%">
<tr style="background-color:Gray"><td colspan="2">  Welcome</td></tr>
<tr>
<td width="0px"></td>
<td>
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</td>
</tr>
<tr><td colspan="2"></td></tr>
</table>
</div>
</form></div>
body>
html>
Ok. For anyone who has a similar problem I found the following tag in the css style sheet caused the problem. This ended up not being critical to the overal masterpage design and removed the display issue.
body
{
line-height: 16px;
}