<ISWebInput:WebInput runat="server" ID="wiTransHeaderStatementFrom" Width="100px" CausesValidation="false">	</ISWebInput:WebInput>                          

<asp:CustomValidator runat="server" ID="cvTransHeaderStatementFrom" ControlToValidate="wiTransHeaderStatementFrom" ClientValidationFunction="wiTransHeaderStatementFrom_OnValidate" ValidateEmptyText="true" Display="None" ErrorMessage="Statement From Date is required" /> 

<ajaxToolKit:ValidatorCalloutExtender runat="server" ID="vceTransHeaderStatementFrom" TargetControlID="cvTransHeaderStatementFrom" />  

Please refer to screen shots for reference.  This does not occur with the ASP Textbox control.

This bug does not occur with Google Chrome but does with IE8 w/o compatibility.

Hello Shawn,

Can you let me know your page structures and styles as well? I will try to follow them and replicate the issue in here. If it is in simple page, it works fine. So, I think there must be some styles, container, etc that need to be used for replicating this issue.
Btw, we also have WebCallOut control for this functionality.

Regards,
Handy

Hello Shawn,

Can you let me know your page structures and styles as well? I will try to follow them and replicate the issue in here. If it is in simple page, it works fine. So, I think there must be some styles, container, etc that need to be used for replicating this issue.
Btw, we also have WebCallOut control for this functionality.

Regards,
Handy

I uploaded a reproducible example within a zip archive.

Hello Shawm,

It because each browser have their own mechanism to render inside tables. So, we need to adjust the styles. I have modified your .ascx. It should work fine.

Regards,
Handy

Hello Shawm,

It because each browser have their own mechanism to render inside tables. So, we need to adjust the styles. I have modified your .ascx. It should work fine.

Regards,
Handy

What is the fix? Just add a width to the column? What should the width be? Just bigger than the width of the underlying controls within the column?

Hello,

Forgive me for not being detail. As I said before, It is not a bug. Each browser have their own mechanism in rendering. In IE, it is sensitive for rendering table. To make the layout better, sometimes it needs to add style layout:fixed for the table. That's what I added in your sample.
After adding those style, it would automatically render in proper width. The last steps I did only customize the column width to make a better layout.

Regards,
Handy

Hello,

Forgive me for not being detail. As I said before, It is not a bug. Each browser have their own mechanism in rendering. In IE, it is sensitive for rendering table. To make the layout better, sometimes it needs to add style layout:fixed for the table. That's what I added in your sample.
After adding those style, it would automatically render in proper width. The last steps I did only customize the column width to make a better layout.

Regards,
Handy

This worked for me. Thanks.