Css submit yardım

Merhaba arkadaşlar cssde bir noktada takıldım. Buton yaparken şu şekilde birşey kullandım;

<input name="esChat" type="submit" class="sohbetgiris" value="Sohbete Başla">

Stil dosyamda şunları ekledim;

.input sohbetgiris{ float:left; width:275px; height:30px; text-align:center; padding:8px 0 0 0; margin:10px 0 0 0; background:url(images/chat_giris.gif) no-repeat left top;}

Ama sonuç sanki köşeli butonun içinde gibi;


Ben ise şu şekilde görünmesini istiyorum;


Nerde hata yaptım acaba (:

düzelttin galiba sitene baktım bir sorun yok gibi
formlar chromeda kaymış kontrol et istersen.

YENİ CEVAP AŞAĞIDA

Hayır orasi değil www.gurbetgulu.com Ordakinde a class ile yapılmıs ama input ile yapamadım.

Teşekkürler .

Yapılmış Hali
Html Kodu

<input name="esChat" type="submit" class="sohbetgiris" value="Sohbete Başla">

Css Kodu

input.sohbetgiris{float:left; width:275px; height:30px; text-align:center; padding:8px 0 0 0; margin:10px 0 0 0; background:url(images/chat_giris.gif) no-repeat left top;border:none;}

Yukarıdaki kodları aynı şekilde html ve css kopyalayın anında düzeldiğini ve tam istediğiniz gibi olduğunu görüceksiniz.
anlatım;
style koduna

border:none;

kodunu eklerseniz dış çerçeve kalkar.

input bir html tağı başına nokta koyarsanız normal bir class ismi olur
Yanlış Yazım

.input sohbetgiris

Doğru Yazım

input.sohbetgiris

class adını ister .sohbetgiris olarak yazın istersenizde input.sohbetgiris olarak yapabilirsiniz biri genel class verir.
diğeri input içindeki sohbetgiris classına verir sadece.

Teşekkürler hocam oldu ama ufak bir sorun var nedense chromeda kutular firefoxtaki gibi düzgün çıkmıyor neden kaynaklı acaba.

bugün yokum yarın akşam gelicem geldiğimde sorununuzu çözmediyseniz yaparız onuda

Teşekkürler hala çözülmedi Chromeda neden kutular farklı anlamadim