You are creating a Virtual Earth 6.0 application. The Web pages of the application contain a header section, a body section, and a map control section.

The body section of the Web pages contains the following code fragment. (Line numbers are included for reference only.)

01 <div id=’Header’ style=”width:400px;
02 height:100px; background-color: red;”></div>
03 …
04 <div id=’Controls’ style=”width:400px;”>
05 <p align=”center”>Search text:
06 <input type=’text’ id=’Where’ />
07 <input type=’button’ id=’Search’ value=’Search’
08 onclick=”Find();” />
09 </p>
10 </div>

You need to ensure that the maps contained on the Web pages fit correctly between the header section and the map control section.

Which code fragment should you insert at line 03?

A.
<div id=’Map’ style=”position:absolute; width:400px; height:400px;”></div>

B.
<div id=’Map’ style=”position:relative; width:400px; height:400px;”></div>

C.
<div id=’Map’ style=”position:absolute; top:100px; width:400px; height:400px;”></div>

D.
<div id=’Map’ style=”position:relative; top:100px; width:400px; height:400px;”></div>