Полноэкранный фон в форме asp.net не работает?

Question

У меня проблема с отображением фона в форме ASP.NET. Это мой код CSS:

.intro {

    background: url(./img/bg.jpg) no-repeat center;
    background-size: 100% 100%;
    background-attachment: fixed;

}

когда я использую тег div с атрибутом класса.intro из тега формы ASP.NET, он работает правильно, а фон является полноэкранным:

<div class="intro">

  <h1>My Intro BG IS HERE</h1>

</div>


<form id="form1" runat="server">

  <p>My Website Content</p>

</form>
                

но когда я помещаю тег div между тегами формы, он не работает... в чем проблема?? Благодарю.

<form id="form1" runat="server">

<div class="intro">

  <h1>My Intro BG IS HERE</h1>

</div>

  <p>My Website Content</p>

</form>