Drigg_theme Primary/secundary links theming?

Hi,

I made something myself, but the secondary links navigation to get "under" the primary links navigation is not working yet. Please assist.
In page.tpl.php I made the following in the content-area:

 <div id="primary">
        <?php if (is_array($primary_links)) : ?>
        <ul id="main-nav">
        <?php foreach ($primary_links as $link): ?>
        <li><?php

        print l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment']);

        ?></li>

        <?php endforeach; ?>
        </ul>
        <?php endif; ?>
        </div>

        <div id="secundary">
        <?php if (is_array($secondary_links)) : ?>
        <ul id="main-nav">
        <?php foreach ($secondary_links as $link): ?>
        <li><?php

        print l($link['title'], $link['href'], $link['attributes'], $link['query'], $link['fragment']);

        ?></li>
        <?php endforeach; ?>
        </ul>
        <?php endif; ?>
        </div>

And in css/base.css I borrowed css from another theme for primary, but it doesn't work correct for secundary.
I just copied the primary.css to secundary.css.

May be you know how to get secundary underneath primary?

#primary {
  font-size: 85%;
  line-height:normal;
  padding:0px 0px 1px 20px;
  border-bottom:4px solid #2763A5;
}

#primary ul {
  padding:0;
  margin:0;
  list-style:none;
}

#primary li {
  display:inline;
}

#primary a {
  background:#6DA6E2 url(images/tabs.gif) repeat-x;
  color:#FFF;
  font-weight:bold;
  display:block;
  float:left;
  padding:5px 14px 5px 14px;
  margin: 0px 1px 0px 0px;
  border: solid #6191C5 1px;
  border-width: 1px 1px 0px 1px;
}

#primary a {
  background-position:0% 0px;
}

#primary a:hover {
  background-position:0% -42px;
  text-decoration:none;
}

#primary a.active {
  background-position: 0% -84px;
}

#secundary {
  font-size: 85%;
  line-height:normal;
  padding:0px 0px 1px 20px;
  border-bottom:4px solid #2763A5;
}

#secundary ul {
  padding:0;
  margin:0;
  list-style:none;
}

#secundary li {
  display:inline;
}

#secundary a {
  background:#6DA6E2 url(images/tabs.gif) repeat-x;
  color:#FFF;
  font-weight:bold;
  display:block;
  float:left;
  padding:5px 14px 5px 14px;
  margin: 0px 1px 0px 0px;
  border: solid #6191C5 1px;
  border-width: 1px 1px 0px 1px;
}

#secundary a {
  background-position:0% 0px;
}

#secundary a:hover {
  background-position:0% -42px;
  text-decoration:none;
}

#secundary a.active {
  background-position: 0% -84px;
}

Thanks for going into this!
greetings,
Martijn

Hi,

the only question I have how to place secundary "under" primary with css?
Community please respond?
Thanks in advance,
greetings,
Martijn