Помогите, с меню

[camperofcamper]

Здравствуйте,

Собсна имеем вот-такой CSS-код:

a.header_banner_button{background:#00F;width:230px;height:40px;margin-left:500px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;}
a.header_banner_button:hover{background:#36F;}
.header_banner_link{text-decoration:none;color:#FFF;font-size:14px;margin-top:10px;display:inline-block;  margin-left:20px}
a.header_banner_button1{background:#00F;width:230px;height:40px;margin-left:100px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;}
a.header_banner_button1:hover{background:#36F;}

И вот такой HTML-код:

<div class="header_banner"><a class="header_banner_button" href="#"><span class="header_banner_link">Добавить сайт в закладки</span></a><a class="header_banner_button1" href="#"><span class="header_banner_link">Сделать стартовой</span></a></div>

На странице это выглядит так:

Почему так происходит, помогите, пожалуйста

[Arinden]

Уменьшайте margin.

[camperofcamper]

Спасибо