title: Fixed nav bar underneath a fixed header
body: <p>So I have a html page and a fixed image as my header but i want to also have a fixed navbar right underneath where i can have buttons that link to another page on my server</p>
  
  <p>here is my code</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC&gt;
  &lt;title&gt;Equinox Web Chatroom Server&lt;/title&gt;
  &lt;style type="text/css"&gt;
  body{
  margin:0;
  padding:header-&lt;length&gt; 0 0;
  }
  div#header{
  position:absolute;
  top:0;
  left:0;
  width:500%;
  height:header-&lt;length&gt;;
  }
  @media screen{
  body&gt;div#header{
  position:fixed;
  }
  }
  * html body{
  overflow:hidden;
  }
  * html div#content{
  height:100%;
  overflow:auto;
  }
  &lt;/style&gt;
  &lt;div
  id="header"&gt;&lt;img src="http://192.168.0.143/images/header.png"       width="1700" height="46" alt="logo"&lt;br&gt;
  &lt;p&gt;
    &lt;table&gt;
      &lt;tr&gt;
    &lt;td bgcolor= "black"&gt;&lt;a href="http://192.168.0.143" color="cyan"style="text-decoration: none"&gt;Server Index&lt;/a&gt;&amp;nbsp&lt;a href="http://192.168.0.143/chat.html" style="text-decoration: none"&gt;Chat Room&lt;/a&gt;&lt;/td&gt;
     &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/p&gt;&lt;br&gt;
  &lt;/div&gt;
  </code></pre>