Xhtml com as coisas fora do lugar

Olá amiguinhos, to com problemas, tenho um calendário mas ele está ficando abaixo do rodapé da página:

[code]

    <title>LOGO</title>
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
    <div id="wrapper">
<div id="header">
	<div id="logo">
		<h1><a href="#">LOGO</a></h1>
	</div>
</div>
    
    <div id="menu">
	<ul>
		<li class="current_page_item"><a href="#">Inicio</a></li>
		<li><a href="test1.html">teste</a></li>
	</ul>
</div>
        <div id="page">
	<div id="page-bgtop">
		<div id="page-bgbtm">
			<div id="content">
				<div style="clear: both;">&nbsp;</div>
			</div>
			<!-- end #content -->
			<div style="clear: both;">&nbsp;</div>
		</div>
	</div>
</div>
       <script src="http://www.google.com/jsapi?key=ABQIAAAA3EOirlH7z7XYgtOH9YDErR" type="text/javascript"></script>
       <script type="text/javascript"  src="org.yournamehere.Main/org.yournamehere.Main.nocache.js"></script>  
 </div>
   
    <img src="p.png"></img>
    
    <div id="footer">
        <p>Copyright (c) 2011</p>
    </div>

</body>
[/code]

Obrigada!