Hey guys,

Can you please just give me a big list of things I can do to figure out why a list element would be 1px higher in margin on Safari and Chrome than it is on Firefox? I looked this up but nothing I saw worked, so I'd like to compile a list here.

Here is an image showing this discrepancy:


HTML:
Code:
<ul id="menu-2" class="sf-menu sf-right sf-js-enabled sf-shadow">
	<li>
		<a class="sf-with-ul" href="link.html">LINK</a>
	</li>
	<li>
			<a class="sf-with-ul" href="#">MENU</a>
		<ul class="sub-list" style="display: none; visibility: hidden;">
			<li>
				<a class="sf-with-ul-sub" href="/link">Menu</a>
			</li>
			<li>
				<a class="sf-with-ul-sub" href="/link">Menu</a>
			</li>
			<li>
				<a class="sf-with-ul-sub" href="/link">Menu</a>
			</li>
			<li>
				<a class="sf-with-ul-sub" href="/bookmarks.php">Menu</a>
			</li>
			<li>
				<a class="sf-with-ul-sub" href="/link">Menu</a>
			</li>
		</ul>
	</li>	
</ul>