I have a drop down nav bar that uses the following format.
<ul>
<li><a>Main Nav Item</a>
<div>label for the drop down div</div>
<div> //opens the drop down div
<ul>
<li>sub nav item 1</li>
<li>sub nav item 2</li>
</ul>
</div>
</li>
</ul>
Everything is controlled by CSS and works great on PCs in IE, FF, and Chrome. It works in Safari on Mac. The issue is with FF on a Mac. The drop down div moves about 2px left with each main nav item you move to the right. In other words, the first main nav item from the left, the div is fine. The next main nav item (moving ->) and the next div shows up 2px further to the left (<-) than it should be.
I strongly suspect it has to do with how FF renders divs that use absolute positioning but I'd like your thoughts. I can post the code if necessary.
