Текст не выравнивается по левому краю в Edge / IE на WordPress

Question

Поэтому, добавляя некоторые изменения на мой сайт клиентов, я столкнулся с проблемой, что тег H1 не выровнен по левому краю (см. Скриншот). Это происходит только в IE & Edge, это код CSS, используемый для решения проблемы.

.banner-title {
    margin-top: -10px;
    font-size: 26px;
    color:#50585c;
    text-align: left;
    -ms-text-align-last: left;
}

.banner-title h1 {
    text-align: left;
}

Это также работает на последней установке WordPress. И приведенный выше код совершенно бесполезен (по сути).

(скриншот): https://prnt.sc/jzyk7i

Заранее спасибо, если попытаетесь помочь решить проблему!

РЕДАКТИРОВАТЬ # 1: Обновлено с полным кодом для баннерной части сайта.

CSS:

#banner{
    height:70px;
    margin-bottom:30px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #deeff7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#deeff7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#deeff7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#deeff7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#deeff7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#deeff7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#deeff7',GradientType=0 ); /* IE6-9 */
}

#banner_container{
    height:100%;
}

.banner-title {
    margin-top: -10px;
    font-size: 26px;
    color:#50585c;
    text-align: left;
    -ms-text-align-last: left;
}

.banner-title h1 {
    text-align: left;
}

.banner-subtitle{
    font-size:18px;
    color:#798c95;
}

HTML:

<header id="banner">
    <div id="banner_container" class="container">
        <h1 class="banner-title"><?php echo the_title(); ?></h1>
        <p class="banner-subtitle"><?php echo apply_filters( 'banner_sub_title', get_bloginfo( 'description' ) );?></p>
    </div>
</header>