Extra space on top of site- how do I get rid if that?

[suavedesign]

My url is http://216.188.144.4/
Can anyone help me figure this out:
I am trying to get the nav bar to appear on top of the image. I dont know why there is a space between the image and the top of the screen, which is where the nav is now. How do I get rid of that space, so that the na sits on yop of the image, not on top of that extra space?
My code is

<div id="hometopwrapper">

    <div id="top">

        <?php include('inc_nav.php') ; ?>



    </div>

    </div>



    <div id="wrap">

   <div class="topimg"><img src="images/top_img.png" width="100%" height="auto" border="0" alt="Pesach Tikvah Family and Childrens Services" /></div>

Where "topimg" is the big image, and the nav is in "#hometopwrapper", not "#wrap", which is what I see stretching to the top, causing the extra space. How do I get rid of that??
Thanks!

[Rahul47]

This is what i came across while checking your source.

<ul>
<li><a href="http://216.188.144.4//" >Home</a></li>
<li><a href="http://216.188.144.4/about.php" >About Us</a></li>
<li><a href="http://216.188.144.4/staff.php" >Staff</a></li>
<li><a href="http://216.188.144.4/programs" > Programs</a></li>
<li><a href="http://216.188.144.4/donate.php" >Donate</a></li>
<li class="lastli"><a href="http://216.188.144.4/contacttl.php" >Contact Us</a></li>
</ul>
</div>



    </div>

    </div>

After 9th line, you have given </div> twice. Remove one of them and see if it works for you.

Do let us know.

[JorgeM]

If you remove the height property as shown below, the space if removed. However, you will need to work on the mouseover/hover effect on those links..

[suavedesign]

Firstly, there is no extra </div>. One is for id "hometopwrapper", and one is for "top".

When I removed the height on the hometopwrapper, like you suggested, it did not get the nav to appear on top of the image, like I want.
Basically, I want to know why #wrap is starting from the top of the page, instead of under #hometopwrapper, like I coded it. (If you check with inspect element, you'll see that #wrap includes the entire site)

Thanks

[JorgeM]

Sorry, misunderstood your question...

Basically, I want to know why #wrap is starting from the top of the page, instead of under #hometopwrapper, like I coded it.

My inclination is to look to see if you are taking #hometopwrapper or some element above #wrap out of the normal flow. This can typically happen if you apply a "float" property. When you float an element, it is taken out of the normal flow within the DOM, thereby allowing other elements to move up.

[suavedesign]

thanks for your help.