Ярослав Иванов

img {
   width: 100px;
   height: 100px;
   background-image: url(ссылка на картинку);
   background-size: cover;
}

width и height задает размер блока а cover задает размер по всему блоку не нарушая пропорций.
А если понадобится менять положение изображение то надо будет добавить

background-position-x: 100px;
background-position-y: 100px;

jsfiddle.net/P5k4D/1

К сожалению это болезнь IE, решается только костылями или js скриптами если такие есть.

https://codepen.io/JoostKiens/pen/sIwmb

Как вариант можете добавить в свой файл css это

#navigation {
    width: calc(100% - (-99px));
    margin-left: -50px;
}

а в layout.css на 75 строке поменять это

@media only screen and (min-width: 768px){
ul.nav li {
    padding-left: 3%;
}
}

на это

@media only screen and (min-width: 768px){
ul.nav li {
    padding-left: 50px;
}
}

Хотя это не совсем валидно. Лучше с враппером разобраться. С другой стороны смотрится нормально и ничего не едет.

Добавил скриншот.

<?php if(isset($row)) {   //проверяем наличие
                    echo 
                    '<div class="uk-button-group">
                            <a class="uk-button uk-button-link uk-button-large" href="../auth/signup.php">Регистрация</a>
                            <a class="uk-button uk-button-success uk-button-large uk-margin-left" href="../auth/login.php" style="background-color: #ffb433;"onmouseover="this.style.backgroundColor=\'#eb8d00\';" onmouseout="this.style.backgroundColor=\'#ffb433\';"><i class="uk-icon-lock uk-margin-small-right"></i> Войти</a>
                    </div>'
                    }
                ?>

Либо если echo начинается с ' то если в коде тоже присутствуют подобные знаки то перед ними вставить слеш \ и знак будет игнорирован