title: Issue with positioning the top navigation
body: <p>I am working on a website - see here <a href="http://www.kaniamea.com/2/" rel="nofollow noreferrer">http://www.kaniamea.com/2/</a>
  I am trying to figure out how to position the nav blue navbar to appear like this <a href="http://www.kaniamea.com/2/header.png" rel="nofollow noreferrer">http://www.kaniamea.com/2/header.png</a>
  On this example the navbar goes a bit out of the content area which creates a nice wrap around effect. My current code is </p>
  
  <pre><code>display: block;
  background-image:url(images/nav-bg.png);
  background-repeat: no-repeat;
  width: 682px;
  height: 48px;
  float:right;
  </code></pre>
  
  <p>How can I achieve this effect?</p>