Проблема DIV в социальных сетях ⇐ CSS

[Anonymous]

Я создаю собственную тему для Blogger, но у меня возникла небольшая проблема с панелью социальных сетей. Здесь у вас есть прямая ссылка на мой блог. Как видите, полоса отображается неправильно. Вот код CSS

Код: Выделить всё

/* Buttons */

#social {
width: 100%;
height:auto;
padding-top:30px;
padding-bottom:30px;
background-color:#D8D8D8;
}

#soc {
margin-left:10%;
margin-right:10%;
}

И вот HTML-код

Код: Выделить всё

[url=http://www.facebook.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Facebook-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Twitter-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Youtube-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Google-plus-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Blogger-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Instagram-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Reddit-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Linkedin-icon.png[/img]
[/url]

Я попробовал добавить css height:auto; в #social, но это не сработало.

Подробнее здесь: https://stackoverflow.com/questions/280 ... -div-issue