title: I made a fixed navigation bar for my wordpress blog, but it's hiding behind my wordpress info-bar
body: <p>So I'm creating a new layout for my blog, <a href="http://www.thatgirlmag.com" rel="nofollow" title="That Girl Magazine">www.thatgirlmag.com</a>, and I want a fixed navigation bar at the top (which goes with you when you scroll down). I've written the CSS right (I think), but now I can't see it because it's behind the bar that shows up when you're logged in to wordpress. I could just move it down, but then viewers who AREN'T logged in to wordpress will see something weird, right? It looks weird when I view it from an incognito window. </p>
  
  <p>I'm assuming there has to be a better way to do this. I just want the navigation bar to sit right at the top of the VISIBLE portion of my blog. Help?</p>
  
  <p>Here's the CSS we're looking at</p>
  
  <pre><code>#main-nav {
  position: fixed;
  top: 0px;
  left: -10px;
  width: 110%;
  height: 25px;
  background-color: #000;
  }
  </code></pre>
  
  <p>Also, I have the bar positioned at -10 and 110% wide because I want it to go 100% across the page (and setting width: 100% makes the nav bar just go across the width of the  element, which has margins). There must be a better way to do that as well. Can someone help me? I'm not sure I'm explaining this right. </p>