cane

поискав описание решения данной проблемы на инглоязычных сайтах, нашел подходящее решение в статье Any way to remove IEs black border around submit button in active forms?. смысл в том, что для input type="submit" сбрасываем бордер и оборачиваем применяя необходимые стили /* submit button */ span#submit { display: block; float: right; width: 160px; margin: 0 10px 5px 2px; padding: 0; background: #fff url("images/input_gray_bg.png") repeat-x top; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); border: solid 1px #bbb; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } span#submit:hover { color: #356AA0; /* Digg Blue */ background: #fff; border: solid 1px #85b1de;/* #33677F; */ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } span#submit input { width: 100%; border: none; background: none; margin: 0 auto; padding: 3px; cursor: pointer; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } <span id="submit"> <input type="submit" name="submit" tabindex="5" value="Отправить" /> <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" /> </span>