Secondary links run together in one line with primary links

I see the primary and secondary menu are actually working, just that they go on the same line.

Now I need to figure out how to move the secondary links to its own line.

Why do they go on the same line?

line 215 of layout.css

  #navbar li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 10px 0 0;
  }

this is making the primary links and secondary links run together in one line. I added class="clear-block" to the primary link div in page.tpl.php to fix it:

          <?php if ($primary_links): ?>
            <div id="primary" class="clear-block">
              <?php print theme('links', $primary_links, array('class' => 'links primary-links')); ?>
            </div> <!-- /#primary -->
          <?php endif; ?>

          <?php if ($secondary_links): ?>
            <div id="secondary">
              <?php print theme('links', $secondary_links, array('class' => 'links secondary-links')); ?>
            </div> <!-- /#secondary -->
          <?php endif; ?>