<p>I want to use this pure HTML/CSS template for my ASP.NET website:</p>

<p><a href="http://sub3.tanguay.de" rel="nofollow noreferrer">http://sub3.tanguay.de</a></p>

<p>I copy it inside my Default.aspx page, inside the FORM element, but the form messes up the layout:</p>

<p><a href="http://sub2.tanguay.de" rel="nofollow noreferrer">http://sub2.tanguay.de</a>
<br/>
<strong>UPDATE: this now displays correctly, thanks to Devio.</strong></p>

<p>I tried altering the style of the form tag but can't get it to stop affecting the layout, I tried:</p>

<pre><code>style="margin: 0px; padding: 0px; display: inline; background-color: transparent;"
</code></pre>

<ul>
<li>Is this a common issue when copying in layout templates into ASP.NET?</li>
<li>Is there an easy work around, like some margin:-2px fix or something like that?</li>
<li>I need to keep the form tag, of course, for the ASP.NET functionality.</li>
</ul>

1) try removing the background-color attribute from the form class:
```
```
form {
    margin:10px; padding: 0;
    border: 1px solid #f2f2f2; 
    background-color: #FAFAFA; /* remove this */
}
```
```
2) you cannot nest forms, but the searchform is contained inside the ASP.Net form, and ASP.Net requires exactly one form tag per page.