Button not displaying correctly in FF

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
phppage
Forum Contributor
Posts: 126
Joined: Mon Apr 24, 2006 1:47 pm
Location: West Yorkshire, UK

Button not displaying correctly in FF

Post by phppage »

I have created some css so links create a button type look. It works fine and looks great in IE but FF they all seem to merge together despite how much margin I give it. Have tried changing the display option from display inline-block to inline but not difference. :(

Code: Select all

a:active.standard_button, a:focus.standard_button, a:link.standard_button, a:visited.standard_button, a:hover.standard_button {
	height: auto;
	width: auto;
	font-weight: bold;
	font-size: 12pt;
	color: #ffffff;
	border-top: 2px solid #6ebb1f;
	border-bottom: 2px solid #6ebb1f;
	border-right: 4px solid #6ebb1f;
	border-left: 4px solid #6ebb1f;
	background-color: #6ebb1f;
	text-decoration: none;
	vertical-align: middle;
	padding: 1px;
	margin: 2px;
	display: inline-block;
}
User avatar
phppage
Forum Contributor
Posts: 126
Joined: Mon Apr 24, 2006 1:47 pm
Location: West Yorkshire, UK

Post by phppage »

Sorted, used line-height for all none IE browsers.
Post Reply