Navbar help!

[Webmonkey7]

Hi, I am creating a website that has dropdown links in the navbar on “About us” and “Schedule".
http://pilatesnharmony.com/screenshots/normal.png

My first dropdown on the “About us” link works fine.
http://pilatesnharmony.com/screenshots/dropdown.png

with the coding:


<li>
<a href="about.html" title="About Pilates N Harmony"><font color="000000">ABOUT US</font>
<ul>
<li><a href="prices.html" title="Prices">PRICES</a></li>
<li><a href="policies.html" title="Studio Policies">POLICIES</a></li>
<li><a href="gallery.html" title="Harmony Gallery">GALLERY</a></li>
<li><a href="six.html" title="The Six Principles">6 PRINCIPLES</a></li>
<li><a href="faq.html" title="Frequently Asked Questions">FAQ</a></li>
<li><a href="social.html" title="Connect with Pilates N Harmony">CONNECT</a></li>
<li class="last"><a href="careers.html" title="Apply Today!">CAREERS</a></li>
</ul>
</li>


The "About Us” dropdown works fine, but when I try to create the “Schedule” dropdown, the last link drops down below the other links.
http://pilatesnharmony.com/screenshots/mess-up.png


--- The funny thing is that when I copy and paste the same coding above into the “Schedule" link with the link saying "About Us” it works just fine. But when I change the text to “Schedule” it messes up again. Why? (When “About Us” and “Schedule” have the same amount of characters)

PLEASE HELP! THANKS!!!