Проблем с кодирането

[decoo]

Здравейте,

Кодирам един дизайн, и принципно проверявам под всичките браузъри, а този път го давах по-уверено(само през Google Chrome - тук! ) и когато отворих Mozilla, видях това с двата ми бутона. Веднага след това отворих и IE-то и видях това. В IE си помислих, че е от margin-a, но се чудя защо и Mozilla така ме прецака...

Ето и CSS кода на бутончето:
[css].buttons {width: 413px;}
.buttons fieldset {float: left; margin: 12px 5px 0 0;}
.buttons input {width: 63px; height: 24px; background: url(../img/send.gif) no-repeat; color: #fff; font-size: 8px; font-weight: bold; margin: -115px 0 0 600px; padding-left: 14px; cursor: pointer;}[/css]

HTML:

<div class="buttons">
			<fieldset><input type="submit" class="btn" value="ИЗПРАТИ" /></fieldset>
	     </div>

 

[eddyy93]

Нещо от този сорт си го направи като избягваш тези големи маргини
[css]

.buttons {width: 413px; height: 25px; float: left;}
.buttons fieldset {float: left; margin: 12px 5px 0 0; display:inline;}
.buttons input {width: 63px; height: 24px; background: url(../img/send.gif) no-repeat; color: #fff; font-size: 8px; font-weight: bold; padding-left: 14px; cursor: pointer; float: left;}
.blankbuttons {width: 600px; height: 10px; float: left;}

[/css]

<div class"blankbuttons"></div>
<div class="buttons">

			<fieldset><input type="submit" class="btn" value="ИЗПРАТИ" /></fieldset>

	     </div>

 

[god_of_cs]

Искам само да добавя - използвайте browsershots.org - дава снимка от доста браузъри. Бързо и лесно :?:
По темата - сложи бутоните в един див.

 

[decoo]

И все пак проблема с шрифта си остава. В Chrome, го задава по-малък, а в Mozilla, по-голям? А в CSS съм го задал на 8px. Някакво решение?