Ссылка на рабочий пример своей убогой верстки: http://jsfiddle.net/SpPS6/ Как это выглядит на сайте: http://stv-sb.ru/ Помогите выпрямить все это дело что бы было нормально а то картинки друг от друга находятся далеко, в ie отображается вообще не так, ну на ie не так критично, но хотя бы что бы если при добавлении новых пунктов нормально все было... а jsfiddle отображает вообще не так как на сайте хотя структура та же...
Всё очень просто Код: <div id="social"> <i>S</i>tv в социальных сетях: <a href="http://vk.com/stvsb" target="_blank" title="STV Вконтакте!" alt="STV Вконтакте!"/><img style="margin-bottom: -5px" src="http://www.stv-sb.ru/image/cache/data/ob-odnom-nedostatke-VK-API-vsluh-70x70.png" width="40px" height="40px"></a> <a href="http://www.odnoklassniki.ru/group/54623063572505" target="_blank" title="STV В одноклассниках!" alt="STV В одноклассниках!"><img src="http://www.ferra.ru/images/343/343603.png" width="30px" height="30px"></a> </div> Код: #social { position: relative; тут с помощью margin задайте положение блока в шапке } выглядит это так http://jsfiddle.net/SpPS6/23/ Дело в том что у Вас иконка Вконтакте имеет белую рамку и из-за этого происходит сдвиг, соответственно или замените иконку и уберите в коде margin-bottom: -5px) или же используйте как есть.