I'm having a nightmare styling some otherwise simple buttons - I think because of the jQuery default CSS applied see below for an extract.

This creates an odd effect of covering the text on the button ("Proceed") in the green background colour, and also only covering part of the button (due to the width 50%) - I have captured a shot of the output below.

Can anyone shed some light on what is going on here & how I can customise the button effectively?

Thanks!

Wayne

<input type="button" value="Start Work Out" id="proceed">

#proceed { background-color: green; opacity: 1; width: 50%;}