My code:
<head>
<style>
...
.content {
float: left;
position: absolute;
display: block;
margin: 0 auto;
padding: 0;
height: 720px;
width: 100%;
max-height: 100%;
max-width: 100%;
background-image: url("im1.jpg")
}
...Positioning of #slider...
...Visual formatting of #pic1 #pic2 #pic3...
...
</style>
</head>
<body>
<div class="header">
...navigation bar...
</div>
<div class="content">
<p>...some heading text...</p>
<div id="slider">
<span id="pic1">●</span>
<span id="pic2">●</span>
<span id="pic3">●</span>
</div>
</div>
...more content...
</body>
<head>
<style>
...
.content {
