Проблема с div\span

[bu3i28]

Всем привет!

Проблема в том, что я хочу заключить 3 картинки-ссылки в одну строку, но когда я это делаю, то 2 и 3 картинки при наведении курсора "трясутся" и чтобы перейти по ссылке приходится нажимать ПКМ-Открыть.

ВОт код

<br><span class="buttons">
<a href="http://beltravel.16mb.com/?lang=RU"><img src="wp-content/themes/suvfocus/images/lang/ru.png" width="32px" height="32px"></img></a></span>
<span class="buttons">
<a href="http://beltravel.16mb.com/?lang=BE"><img src="wp-content/themes/suvfocus/images/lang/be.png" width="32px" height="32px"></img></a></span>
<span class="buttons">
<a href="http://beltravel.16mb.com/?lang=en"><img src="wp-content/themes/suvfocus/images/lang/en.png" width="32px" height="32px"></img></a>
	</span>

Если заключаю в дивы, то каждая кнопка на новой строке. Если всё в один див, то кнопки опять же "трясутся", все, кроме первой.

ПОМОГИТЕЕЕ!))

CSS для класса

.buttons
 {
display:inline-block;
width: 32px; 
font-size: 13px; 
font-weight: bold; 
padding-left:15px; 
padding-right:1px; 
padding-bottom:1px; 
margin-top:1px; 
margin-bottom:1px;
margin-left:78px;
border:1px solid #CCC;
background: BLACK; 
}

.buttons a 
 {
border: none;
opacity:0.6; 
}

.buttons a:hover 
 {
border: none;
opacity:1.0; 
}

[Sensei]

тег img одинарный, то есть не имеет закрывающего.

http://jsfiddle.net/sensei/7xvnH/

[bu3i28]

тег img одинарный, то есть не имеет закрывающего.

http://jsfiddle.net/sensei/7xvnH/

Простите великодушно нуба) Но проблема ведь не в этом.

Вот пример: http://beltravel.16mb.com/

В левом верхнем уголке иконки языков.

[mfred]

У вас заголовк на них налазиет.

[bu3i28]

У вас заголовк на них налазиет.

Спасибо! Вы были правы!

Исправил