What is causing the alignment issue with the Available Times table, Assessor Notes textbox, and Booking Notes textbox in Internet Explorer, while they appear perfectly aligned in Firefox?
Here is my CSS:
<style type="text/css" media="screen">
html, body
{
width: 100%;
height: 100%;
margin: 0px;
overflow: hidden;
}
.LightBoxHeadingCell
{
font-family: "Arial",Verdana,Arial,Geneva,sans-serif,"MS Sans Serif";
font-style: normal;
font-weight: bold;
color: brown;
width: 150px;
font-size: 11px;
}
.LightBoxNormalCell
{
font-family: "Arial",Verdana,Arial,Geneva,sans-serif,"MS Sans Serif";
font-style: normal;
width: 150px;
font-size: 11px;
}
.AvailableTimes
{
font-size: 10px;
font-weight: bold;
width:155px;
}
</style>Here is my HTML:
<div id='AssessoronLightboxDiv' class='dhx_cal_ltext' style='height:500px;'>
<table width='630px' cellspacing='1'>
// HTML content here
</table>