Плавающее изображение перекрывает контейнер. Клирфикс не помог

Я буквально часами пробовал каждый хак clearfix, который я мог найти, и ничего не работает. Фотография мощения в правом нижнем углу всегда выходит за пределы контейнера содержимого. Это то, что у меня есть на данный момент:

.content {
    margin: -10px auto 10px;
    padding: 10px;
    }

#paving_photo {
    float: right;
    margin: 10px 0 10px 10px;
    border: 2px solid black;
    width: 300px;
    height: 300px;
}

.content:after { 
content: "";
display: block;
height: 0; 
clear: both; 
}

Это страница: шаблон веб-сайта

Я пробовал взломать clearfix и micro hack. Я добавил clearfix в класс содержимого. Я пробовал переполнение: скрытый|авто. Я попытался добавить clear: оба после плавающего элемента. Буквально ничего, как работало.

Я в своем уме. Пожалуйста помоги! Спасибо!