Hey everyone,

I am having a basic problem here. Just to check and see what would happen if the page was too big for the browser, I made a div within the body, a paragraph in the div, and made the div and body 10,000 px wide.

The problem is that a scrollbar does not appear at the bottom of the browser when this happens.

If I set overflow to scroll for the div, it works for the div, but I want the scroll bar to be at the bottom of the page (scroll the whole body).

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" />
#header {
font-family: Verdana, Geneva, sans-serif;
font-size: 24px;
font-style: italic;
font-weight: bold;
background-color: #06F;
text-align: left;
color: #FF6;
height: 110px;
width: 10000px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
overflow: hidden;
position: fixed;
line-height: 0px;
}

body {
padding:0;
overflow: scroll;
margin: 0;
width: 10000px;
}
</style>
</head>

<body>
<div id="header">
<h1>Dan's Website</h1>
<p>Under Construction .................................................................................................... ..................................................................................................</p>
</div>
</body>
</html>