I’m trying to get my menu lined up properly and have it working in FF, Opera and IE but when I move to Chrome or Safari the menu items are pushed down.
The menu is on the left side. Any ideas on whats causing this?
Hi, don’t have the anchors contain nothing 
e.g.
<div id="menu">
<ul>
<li>
<a href="/" class="home" title="Home" alt="fortyonesix"> </a>
<div id='home-hover'>Home Page</div>
</li>
<li>
<a href="/about/" class="about" title="About Us" alt="About Us"> </a>
<div id='about-hover'>About Us</div>
</li>
<li>
<a href="/services/" class="services" title="Our Services" alt="Our Services"> </a>
<div id='services-hover'>Our Services</div>
</li>
<li>
<a href="/portfolio/" class="portfolio" title="Our Portfolio" alt="Our Portfolio"> </a>
<div id='portfolio-hover'>Our Portfolio</div>
</li>
<li>
<a href="/blog/" class="blog" title="Our Blog" alt="Our Blog"> </a>
<div id='blog-hover'>Our Blog</div>
</li>
</ul>
</div>
Or you could mess with an image replacement technqiue and have text there instead of the and that way if hte images don’t show you could get text instead.
Or you could just stick with the as done above ;).