image padding in meu bar

Hi All,
I just switch to the newest FF.
On my site at http://www.bluejaysjerseys.com/player/roy-halladay
I use an AddMe button in the menu bar.
On the old ff, I used <p style="padding-top=3px;"> within the <li> for the button.
On the new FF, it kicks the button to the next line.
I removed the <p> tag, but I'd like the button vertically placed in the middle of the menu bar. It's now flush with the top of the menu bar.

Thanks!

 

Try using this instead...

<p style="padding-top:3px;">

 

.menu {
	clear: both;	
	margin: 0; padding: 0 40px 0 0;
	background: url(menu.jpg) repeat-y center top;	
	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
	height: 26px;
}
.menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
.menu ul li {
	display: inline;
}
.menu ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #FFFFFF;	
	text-decoration: none;
}
.menu ul li a:hover {
	background-color: #ECECEC;
	color: #064A89;	
}
.menu ul li#current a {	
	background-color: #FFF;
	color: #333;
}

Code (markup):

When I seen your css style. I found you have ul li#current a, Then you can play with this style by php or other language. Example(php):

Put this line on your top header
<?php $onpage = 'homepage'; ?>


<ul>
<li <?php if($onpage=='homepage'){echo "id=\"current\";} ?><a href="http://www.BlueJaysJerseys.com/">Home</a></li>
.
.
.
</ul>

Code (markup):

Cheers,

 

I typed it wrong in the post, but it's like you have it in my code.
I can't figure out why the newest FF pushes it down to the next line.
I have since removed the padding and the <p> tag, but it looks a little ugly.
IE7 and FF 2.* were fine, but opera caused me trouble too.
The right site in my sig still has this problem.