Bottom margin too big

[islandcoli]

I'm working with tutorials and have downloaded a .css/html template to try and learn and everything going pretty well except in the particular template I can't figure out why the bottom margin that separates the the "content" of the page from the footer is so big.

I want to edit whatever iss keeping me from getting closer to the bottom.

Here's the code

<!-- content -->
<div id="content">
<div id="content-top" class="png">
<div id="content-bot">
<div class="box">
<div class="tail">
<div class="top">
<div class="bot">
<div class="row-1">
<div class="inner">
<div class="line-ver">
<div class="wrapper">
<div class="col-1" style="width: 895px; height: 100%">
<div class="indent-left">
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">&nbsp;</p>
<p class="extra">THIS IS AS FAR DOWN AS I
CAN GO!</p>
</div>

[edited by: alt131 at 1:52 am (utc) on May 17, 2011]
[edit reason] Thread Tidy [/edit]

[Matthew1980]

Hi there islandcoli,

Welcome to WebmasterWorld!

Without seeing more of your actual css code we can't really offer much advice on what to do, the only constructive thing I can say is load in firebug (in firefox) and run the css module on that, from there you should be able to find out where you might be inheriting some values from..

Sorry I can't be more constructive.

Cheers,
MRb