Help with Width in Firefox....

[JohnMitch]

Ok, in Internet Explorer this works fine, but I need it to work in Firefox too. Here is the code:

Code: Select all

a.button {	
font-weight: bold;	
font-size: 12px;	
font-family: Verdana;	
padding: 4px;	
border-top: 1px solid white;	
border-right: 1px solid black;	
border-bottom: 1px solid black;	
border-left: 1px solid white;	
text-align: center;
width: 100%;	
text-transform: uppercase;}
a.button:link { 	
background-color: #0066FF; 
text-decoration: none;	
}

In firefox this code makes a jumbled mess. Any help is much appreciated.

[Andy K]

I have had a similar problem recently.

See the Thread: CSS in IE and Firefox is driving me nuts

I suggest you set all your unused fields, margins etc to '0' This improves positioning between the two browsers.

If there are any specific probems please post them up

[JohnMitch]

Ahh.. ok.. I found out how to fix this bug...

Code: Select all

position: absolute;

I had to add some line breaks, but all-in-all it does the job. thanks man.