title: onclick show/hide push content down
body: <p>I am creating a small mobile prototype. I can get my content to push down on show/hide. Here is my code please help! I am not sure where the problem lies. I think its around maybe putting in a position: relative or another attribute. I am looking to get this fixed as soon as possible. If you could point me in the right direction of how I could get this fixed it would be very appreciated. I think my divs are stacked correctly but I am not sure. It has been awhile since I have coded and I am a little rusty. </p>
  
  <pre><code>    &lt;body&gt;
      &lt;div id="header"&gt;
          &lt;a href="#" onclick="overlayvis(showhideme)"&gt;&lt;img src="images/header.gif"&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="nav" id="showhideme" style="visibility: hidden; display: block; position relative;"&gt;
          &lt;div id="content"&gt;
                 &lt;p&gt;&lt;img src="images/nav.png"&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="wrap"&gt;
          &lt;div id="content"&gt;
              &lt;p&gt;
                  &lt;img src="images/body.jpg" border="0" usemap="#Map"&gt;
                  &lt;map name="Map" id="Map"&gt;
                      &lt;area shape="rect" coords="3,1727,638,1804" href="#top" alt="back to top" /&gt;
                      &lt;area shape="rect" coords="31,1853,611,1940" href="tel:+18005555555" alt="tap to call" /&gt;               
                  &lt;/map&gt;
              &lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div id="footer"&gt;
              &lt;a href="#content"&gt;&lt;img src="images/footer.png"&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks so much!</p>