Помогите с отображением в IE шаблона

Верстаю шаблон под друпал 7 и колонки не отображают фоновой цвет и курсор меняется как будто там текст, а у левой колонки пропал и поиск...

Сайт:

Скрины:



HTML:

Код:

<div id="wrapper">

    <div id="header">
        <div id="slideshow">
            <img src="/sites/all/themes/spektr_disign/images/header/01.jpg" class="active" alt="Слайдшоу 1"/>
            <img src="/sites/all/themes/spektr_disign/images/header/02.jpg" alt="Слайдшоу 2"/>
            <img src="/sites/all/themes/spektr_disign/images/header/03.jpg" alt="Слайдшоу 3"/>
            <img src="/sites/all/themes/spektr_disign/images/header/04.jpg" alt="Слайдшоу 4"/>
        </div>       
    </div><!-- .header-->   
    <div id="top-menu">
        <?php print render($page['top_menu']);?>
    </div><!-- .top-menu-->
   
    <div id="middle">
        <div id="container">
            <img class="logo" src="/sites/all/themes/spektr_disign/images/logo.jpg" alt="Логотип"/>
            <div class="text-head">
                <h1><?php print $title ?: $site_name; ?></h1>
                <img class="cat" src="http://spektr-sb.ru/ImgKn%20pr/Knk/head-text.png" alt="Подложка для заголовка"/>
            </div>
            <div id="content">
                <?php print render($page['content']);?>
            </div><!-- .content-->
            <div id="card">
                <?php print render($page['card']);?>
            </div>
        </div><!-- .container-->

        <div id="left-sidebar">
            <?php print render($page['left-sidebar']);?>
        </div><!-- .left-sidebar -->

        <div id="right-sidebar">
            <?php print render($page['right-sidebar']);?>
        </div><!-- .right-sidebar -->

    </div><!-- .middle-->

    <div id="footer">
       
    </div><!-- .footer -->

</div><!-- .wrapper -->

CSS:

Код:

* {
    margin: 0;
    padding: 0;
}
body {
    font: 12px/18px Arial, sans-serif;
    width: 100%;
}


#wrapper {
    width: 1025px;
    margin: 0 auto;
    border: 1px solid;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
    height: 200px;
    background: #2C8AC7;
}


/* Top-menu
-----------------------------------------------------------------------------*/
#top-menu {
    height: 32px;
    line-height: 32px;
    background: #2C8AC7;
    border-bottom: 1px solid;
}

#top-menu ul {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#top-menu ul li {
    display: inline;
    padding: 0px 20px;
}

#top-menu ul li a {
    color: #FF0;
    font-size: 12px;
    font-family: Tahoma, Arial;
    text-decoration: underline;
    text-transform: uppercase;
}

#top-menu ul li a:hover {
    color: #FFF;
    text-decoration: none;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
    border-left: 197px solid #2C8AC7;
    border-right: 177px solid #306bc5;
    position: relative;
    background-color: #FFF;
}



#middle:after {
    display: table;
    clear: both;
    content: '';
}

#container {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-right: -100%;
}

#container .logo {
    width: 100%;
    margin-top: 10px;
}

#container .text-head {
    height: 40px;
    line-height: 40px;
}

#container .text-head h1 {
    position: absolute;
    color: #fff;
    width: 535px;
    font-size: 16px;
    text-align: left;
    margin-left: 30px;
}

#content {
    padding: 20px;
}

#card {
    padding: 2px 20px;
    border-top: 1px solid #E0E0E0;
    margin-bottom: 20px;
}
#card h2 {
  color: #000099;
  font-size: 16px;
  font-weight: bold;
  line-height: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Tahoma, Arial;
  text-decoration: none;
}

#card .card {
    margin-top: 20px;
    margin-bottom: 10px;
}

#card .card .item {
    width: 550px;
    clear: both;
    padding: 7px;
    margin-bottom: 10px;
}

#card .card img {
    float: left;
    height: 110px;
}

#card .card p{
    height: 110px;
    padding-left: 180px;
}

/* Left Sidebar
-----------------------------------------------------------------------------*/
#left-sidebar {
    float: left;
    width: 197px;
    position: relative;
    background: #2C8AC7;
    left: -197px;
    margin-bottom: 20px;
}

#left-sidebar .left-menu img {
    vertical-align:bottom;
    margin-top:2px;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
#right-sidebar {
    float: right;
    margin-right: -177px;
    width: 177px;
    position: relative;
    background: #306bc5;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
    display: table;
    width: 100%;
    height: 55px;
    background: #2C8AC7;
    border-top: 1px solid;
}

--- Добавлено, 8 июл 2015 ---

Ошибочка вышла, в правой колонке "Поиск" пропал.

 

На мой взгляд, все дело в псевдоэлементе :after и display:table. И тот и другой поддерживается только с 8 IE. Вы в каком IE проверяли?

 

в 11, но там все норм, но я обычно включаю "режим совместимости" и после этого если криво отображается, значит в более старых версиях так же будет криво.

--- Добавлено, 8 июл 2015 ---

щас посмотрел в 8ом тоже нормально, может зря заморочился?

--- Добавлено, 8 июл 2015 ---

Но поиск в IE пропадает в правой колонке это как нибудь решается?

 

Вы не могли бы вернуть поиск, чтобы можно было на сайте его посмотреть?

 

Так он стоит там, через chrome смотрю

--- Добавлено, 9 июл 2015 ---

блин он только когда под админкой заходишь есть... странно Роли не выбраны и написано что будет видно всем...

--- Добавлено, 9 июл 2015 ---

Разобрался там надо было в права доступа в самих настройках модуля поставить галочки.