web tasarım buton sorunu - yardım

arkadaşlar merhaba, şablon üzerinden bir websitesi hazırlıyordum dreamweaverda.kod bilmiyorum açıkçası çok iyi.. ve butonların hepsinde bir sorun oluştu. resimdeki gibi:






css'den kaynaklı olabilir mi bilmiyorum, butonların hepsinde birden bu problem var hepsi aynı miktarda sağa kayıyor mouse over durumunda. CSS i de burda:


td, table{
font-family:verdana;
font-size:9px;
vertical-align:top;
line-height:12px;
color:#7F7F7F;

}


form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color: #FFFFFF}

a { color:#E93400; text-decoration:none}
a:hover{
text-decoration:underline;
margin-left: 30px;
}

span a { color:#E93400; text-decoration:underline}
span a:hover{ text-decoration:none}

.list ul{margin:0px; padding:0px; list-style:none; line-height:19px;}
.list ul li{ background:url(images/list_marker.gif) no-repeat left top; padding:0 0 0 10px}
.list ul li a{ color:#E93400; text-decoration:underline}
.list ul li a:hover{text-decoration:none}

.policy{ color:#7F7F7F}
.policy a{ color:#000000; text-decoration:none}
.policy a:hover{ text-decoration:underline}

span{ color:#000000}

strong a{ font-size:10px}

strong{ font-size:10px}
b{ color:#E93400}

.form input {
width:191px;
height:21px;
font-family:verdana;
font-size:9px;
color: #7F7F7F;
padding:2 0 0 6px;
border-color:#D5D5D5;
border-style:solid;
border-width:1px;
background-color:#F8F8F8
}

.form textarea {
width:191px;
height:102px;
font-family:verdana;
font-size:9px;
color:#7F7F7F;
overflow:hidden;
padding:2 0 0 6px;
border-color:#D5D5D5;
border-style:solid;
border-width:1px;
background-color:#F8F8F8
}

lütfen yardım edin :/ çaresiz kaldım napacağımı bilemedim.