I'm sure this is the world's easiest fix, but I cannot figure out how to keep the text in my menu aligned together after adding ▾ to the end of some of the menu titles. For example, "Home" and "Properties" are higher than the items with the downward arrow. "Contact," although it doesn't have an arrow, is last and seems to be in line. How do I make them all vertically even?

The html from the index.html file is http://starbuckrealtygroup.com/index.html:

<div class="menu">
<div class="links">
<ul id="nav">
<li>
<a href="../index.html">Home</a>
</li>

<li>
<a href="#">Property Search</a>
</li>

<li>
<a href="#">Buyers ▾</a>
<ul>
<li><a href="#">1st Time Homebuyers</a></li>
<li><a href="#">Investors</a></li>
<li><a href="#">Lending</a></li>
<li><a href="#">The Process</a></li>
<li><a href="#">Relocating to Denver</a></li>
</ul>
</li>

<li>
<a href="#">Sellers ▾</a>
<ul>
<li><a href="#">The Process</a></li>
<li><a href="#">What's my home worth?</a></li>
<li><a href="#">Preparing House to Show</a></li>
</ul>
</li>

<li>
<a href="#">Learning Center ▾</a>
<ul>
<li><a href="#">Market Information</a></li>
<li><a href="#">Calculators</a></li>
<li><a href="#">Real Estate News</a></li>
<li><a href="#">Tips</a></li>
</ul>
</li>

<li>
<a href="#">About Denver ▾</a>
<ul>
<li><a href="#">General Information</a></li>
<li><a href="#">Neighborhoods</a></li>
<li><a href="#">Suburbs</a></li>
<li><a href="#">Relocating to Denver</a></li>
<li><a href="#">Arts, Culture, & Entertainment</a></li>
<li><a href="#">Country Clubs & Golfing</a></li>
<li><a href="#">Dining</a></li>
<li><a href="#">Recreation</a></li>
<li><a href="#">Schools</a></li>
<li><a href="#">Shopping</a></li>
<li><a href="#">Spas</a></li>
<li><a href="#">Sports Teams</a></li>
<li><a href="#"></a></li>
</ul>
</li>

<li>
<a href="#">About Us ▾</a>
<ul>
<li><a href="#">Our Company</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="#">Our Services</a></li>
</ul>
</li>

<li>
<a href="../contact.html">Contact</a>
</li>
</ul>
</div><!-- links -->
</div><!-- menu -->

It looks alright for me, viewed in Chrome. Although the issue can probably be fixed by setting a vertical alignment. I'd try to set it to middle.

Hmm.... in Chrome it doesn't show up aligned vertically for me. I've tried adjusting the vertical alignment, but am either doing it in the wrong place or it doesn't work for me. :-(

I m sure that it will be solved by using line-height property in css

a {line-height:(height of the li in pixel);}

That did the trick! Thanks so much!!!