Remove white space?, I need help removing the bottom white space in a DIV layout. Options

[lilychouchou]

In my DIV layout, I get a big white space down at the bottom of my layout, past the image. Does anyone know of a way to remove it?

Attached File(s)

 space.png ( 97.75K ) Number of downloads: 19

 

[lilychouchou]

Anywhere I stick that code has the white space following it.
Here's the whole code in case there is something else in it that is making the white space.
I changed my screen to a lower resolution, but simply got a bigger white space.

CODE

<style type="text/css">
body {background-color: white;
background-repeat: yea-repeat;
overflow-x: hidden;
}
</style>

<div class="temp" style="position: absolute; top: 285px; left: 5px;">
<img src=http://img460.imageshack.us/img460/167/bjork3gb4.png usemap=#nav border=0>

<map name="nav">
<area shape="rect" alt="home" coords="147,290,243,277" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />

<area shape="rect" alt="add" coords="625,358,654,435" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRpZD0zOTgwNDc3OA==">

<area shape="rect" alt="msg" coords="771,428,832,474" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRpZD0zOTgwNDc3OA==">

<area shape="rect" alt="block" coords="81,463,189,440" href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja3VzZXImdXNlcmlkPTM5ODA0Nzc4">

<area shape="rect" alt="pic" coords="187,508,221,431" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9Mzk4MDQ3Nzg=">

<area shape="rect" alt="comm" coords="751,372,916,322" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdwcm9maWxlX2NvbW1lbnRmb3JtJmZyaWVuZGlkPTM5ODA0Nzc4"></map>
</div>

<div class="about" style="position: absolute; top: 310px; left: 392px; width: 210px; height: 493px; overflow: auto; face: impact; color: black;">
<font size=4>When the power of love over comes the love of power, then the world will truly know peace. - Jimi Hendrix</font>
</div>

<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>

Also, thank you for helping me with this.