best people, I'm stuck with the following problem.

I am working on a web site (before I had a problem with the css), but now I do not get charged the rest of the page

 

I can not scroll down further than this.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<META NAME="Keywords" CONTENT="Pureflex, cms, online, html, php">
<META NAME="Generator" CONTENT="t">
<META NAME="Author" CONTENT="Daan">
<META NAME="Generator" CONTENT="Pureflex">
<META HTTP-EQUIV="Content-Language" CONTENT="en-us">
<META NAME="Designer" CONTENT="Daan">
<META NAME="Publisher" CONTENT="Daan">
<META NAME="Revisit-After" CONTENT="10 Days">
<META NAME="Distribution" CONTENT="Global">
<META NAME="Robots" CONTENT="Index">
<META NAME="MSSmartTagsPreventParsing" CONTENT="True">
<META HTTP-EQUIV="Pragma" CONTENT="No-Cache">
<META HTTP-EQUIV="Creation-Date" CONTENT="27-6-2014">
<META HTTP-EQUIV="Version" CONTENT="v1.0">
<META NAME="Owner" CONTENT="Us">
<META NAME="Rating" CONTENT="General">
<META HTTP-EQUIV="Content-Type" CONTENT="Informational">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/php">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<META HTTP-EQUIV="Document-Type" CONTENT="Web Page">
<META HTTP-EQUIV="Document-Class" CONTENT="Completed">
<META HTTP-EQUIV="Document-Rights" CONTENT="Copyrighted Work">
<script src="//use.edgefonts.net/bebas-neue.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="style/stylesheet.css"/>
<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script>
        tinymce.init({selector:'textarea'});
</script>

<TITLE>THE ANTI CUPCAKE MOVEMENT</TITLE>
</head>

<body>
<div class="menu">



<a href="logout.php">LOGOUT</a>

<a href="contact.php">BOTHER US| </a>

<a href="main.php">THE ANTICUPCAKE MAN| </a>
</br>


</div>

<p> </p>
<p><br />
</p>

<div id="logo"></div><a href="/" class="Cupcake">THE ANTI CUPCAKE MOVEMENT</a>

</div>
<BR>
<div class="Showpost">Bier<BR></div><div class="Reposts"><BR><p>Re:Bier<BR></p>Lolo;lolldsaokdjioidoajisdoa<BR><BR> (Bier) - Daan<BR> <left>         <hr size=3 width="33%" align=left>  <BR><p>Re:Bier<BR></p><img src="http://www.picturesnew.com/media/images/image-background.jpg"/><BR><BR> (Bier) - Devian<BR> <left>         <hr size=3 width="33%" align=left>  </div>
</body>


</html>

@charset "utf-8";
/* CSS Document */

a{
text-decoration:none;
color:black;
font-family:"bebas-neue, sans-serif";
	float:right;
	margin-right:4px;
	
}a:hover{
text-decoration:underline;	
	
	
}
.Cupcake{
/* class */	
text-decoration:none;
color:black;
font-family:"Courier New", Courier, monospace;
float:left;
font-size:30px;

}
.Cupcake:hover{
text-decoration:none;

}
#logo{

    height:140px;
    width:140px;
    background: url(/workspace/Theanticupcakeproject/website/images/Chocolate-Orange-Cupcake-icon.png) no-repeat center;
float:left;
    }
p{

font-family:"Courier New", Courier, monospace;
color:black;


}.footer{
font-family:"Courier New", Courier, monospace;
color:black;
float:right;


}.Tropic{
    
    text-decoration:none;
color:black;
font-family:"bebas-neue, sans-serif";
	float:left;
	margin-right:4px;
	font-size:12px;
    
    
}.Tropic:hover{
    
    text-decoration:underline;
    color:purple;
    font-family:"bebas-neue, sans-serif";
	float:left;
	margin-right:4px;
    font-size:12px;
    
    
}table{
    
     
    	float:left;
    
border:1px solid black
}.editor-my{

   position: fixed;
    top: 300px;
    left: 10px;
    right: 200px;

}.TropicTable{
    
       position: fixed;
    top: 300px;
    left: 10px;
    right: 200px; 
    
    
    
    
}.TropicDate:hover{
    
    text-decoration:underline;
    color:red;
    font-family:"bebas-neue, sans-serif";
	float:left;
	margin-right:4px;
    font-size:12px;
}.TropicDate{
    
    text-decoration:none;
    color:black;
    font-family:"bebas-neue, sans-serif";
	float:left;
	margin-right:4px;
    font-size:12px;
}.Showpost{
    position: fixed;
    top: 300px;
    left: 10px;
    right: 200px;
      text-decoration:none;
    color:black;
    font-family:"bebas-neue, sans-serif";
	float:left;
	margin-right:4px;
    font-size:30px;
    

}.Reposts{
    
    
    
       position: fixed;
    top: 320px;
    left: 10px;
    right: 400px;
      text-decoration:none;
    color:black;
    font-family:"bebas-neue, sans-serif";
	float:left;
	margin-right:4px;
    font-size:20px;
    
    
}

 

 

 

Try add this in your css :

body {
    color: #000;
    background-color: white;
}