Has anyone experienced an issue with IE8 displaying phantom form border in non-compatibility mode?

Hello SO:

I am working on an ASP.NET MVC (framework v3.5) website, and this form page IE8 displays a border on top that looks to me like an empty element with a border floating on top of the form. Here are screen shots:

normal mode

compatibility mode

I narrowed it down to the form, because after I removed the form generation code, the line ceased to display. As I mentioned, I am using ASP.NET MVC so here is the code I am talking about:

<% using (Html.BeginForm("EvaluationSubmit", "Home", FormMethod.Post, new { @class = "formnoborder" })) {%>
<!-- form data goes here -->
<% } %>

I added the class declaration after noticing this odd bug, and I attempted some simple CSS to try to remedy it, but to no avail:

.formnoborder 
{
     border:none!important;
}
* html .formnoborder 
{
    border:none!important;
}

I added that IE8 hack just in case it would do something.

Any help and/or insight will be greatly appreciated.

ansaurus

tags:

views:

answers:

Has anyone experienced an issue with IE8 displaying phantom form border in non-compatibility mode?

related questions