I created a CSS menu using the tutorial that is linked in the sticky thread at the top of this forum and I have got it working without Javascript

What I am wandering is, is there a way i can have the li class="submenu" evenly spaced. Some of my headings are longer than others so the spacing between look untidy

I would like the spacing between headings to be evenly distributed

HTML: Select all

<div id="navigation">
<ul class="level1">
    <li><a href="home.php">Home</a></li>
    <li class="submenu">Civil Engineering
 <ul class="level2" id="sub1">
     <li><a href="general.php">General</a></li>
     <li><a href="management.php">Management</a></li>
 </ul>
    </li>