Дополнительное пространство после нижнего колонтитула Пожалуйста,

Question

Я пытаюсь удалить лишнее пространство под моими социальными кнопками. Я попытался использовать «относительный» на полях, но, похоже, не может исчезнуть. Любая помощь будет принята с благодарностью. Ниже приведен мой css вместе со ссылкой на общедоступный образ проблемы. Спасибо.

http://dustinmellis.imgur.com/all/

/* start master styles */ 

/* 
.header h1 { 
margin-left: auto; 
margin-right: auto; 
text-align: center; 
padding-top: -200px; 
width: 100%; 
float: right; 
*/ 

} 

.header img { 
    float: left; 
    width: 100px; 
    height: 100px; 
    background: #555; 
    margin-bottom: relative; 
} 

.header h1 { 
    position: relative; 
    top: -950px; 
    left: 600px; 
} 


/* start content comment 
.content { 

text-align: center; 
padding-top: 15px; 
width: 100%; 
} 
*/ 
h1 { 
    font-family: 'Merriweather', serif; 
    font-size: 3.625em; 
    font-weight: 700; 


} 

body { 
    background-image: url('../img/concrete_wall_3.png'); 
    /* background-image: url('../img/noisy.png'); */ 
    /* background-image: url('../img/noisy.png'); */ 
    background-color: #dbdbdb; 
    background-repeat: repeat; 
    border-top: solid .625em #76cc1e; 
    margin-bottom: relative; 
} 



.footer { 
    border-top: solid .063em #ffffff; 
    margin-bottom: relative; 
    text-align: center; 
    margin-top: -175px; 

} 

/* links */ 

a#btn:link { 
    text-decoration: none; 
    color: #ffffff; 
    background-color: #76cc1e; 
    margin: 2.563em 0 3.00em 0; 
    padding: 1.438em 2.563em 1.625em 2.563em; 


} 

a#btn:hover { 
    text-decoration: none; 
    color: #ffffff; 
    background-color: #54d654; 
    margin: 2.563em 0 3.00em 0; 
    padding: 1.438em 2.563em 1.625em 2.563em; 
} 

a:link { 
    text-decoration: underline; 
    color: #6e6e6e; 
} 

a:visited { 
    color: #6e6e6e; 
} 

a#btn:link { 
    text-decoration: none; 
    color: #fff; 
} 

a.btn:visited { 
    color: #fff; 
} 



/* social */ 

.social { 
    margin: 2.563em auto 0 auto; 
    height: 2.563em; 
    width: 13.875em; 
} 

.social li, .social a{ 
    height: 2.563em; 
    display: block; 
} 

.social li { 
    float: left; 
    display: inline; 
    text-indent: 624.938em; 
} 

.twitter a { 
    background:url("../img/social.png") 0 0 no-repeat; 
    width: 42px; 
} 
.facebook a { 
    background:url("../img/social.png") -42px 0 no-repeat; 
    width: 60px; 
} 
.linkedin a { 
    background:url("../img/social.png") -102px 0 no-repeat; 
    width: 60px; 
} 
.blog a { 
    background:url("../img/social.png") -162px 0 no-repeat; 
    width: 60px; 
} 

.twitter a:hover { background:url("../img/social.png") 0 -41px no-repeat; } 
.facebook a:hover { background:url("../img/social.png") -42px -41px no-repeat; } 
.linkedin a:hover { background:url("../img/social.png") -102px -41px no-repeat; } 
.blog a:hover { background:url("../img/social.png") -162px -41px no-repeat; } 


/* media queries */ 

@media only screen and (max-device-width: 480px) { 
    .content { 
    width: 200px; 
    } 
} 

Answer 1

margin-bottom: relative; не является значением.

Ссылка на фактический сайт будет намного лучше, чем просто изображение. CSS бесполезен, не просматривая HTML.