Tengo este código de Twitter Bootstrap

<code>  <div class='navbar navbar-fixed-top'>
    <div class='navbar-inner'>
      <div class='container'>
        <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
          <span class='icon-bar'></span>
          <span class='icon-bar'></span>
          <span class='icon-bar'></span>
        </a>
        <div class='nav-collapse'>
          <ul class='nav'>
            <li class='active'>
              <a href='some_url'>My Home</a>
            </li>
            <li>
              <a href='some_url'>Option 1 </a>
            </li>
            <li>
              <a href='some_url'>Another option</a>
            </li>
            <li>
              <a href='some_url'>Another option</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</code>

Pero cuando estoy viendo el comienzo de la página, la barra de navegación está bloqueando parte del contenido que está cerca de la parte superior de la página. ¿Alguna idea de cómo hacer que baje el resto del contenido hacia abajo cuando se ve la parte superior de la página para que el contenido no quede bloqueado por la barra de navegación?