Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title> <link href="engine/templates/nn/tmp/css/style.css" rel="stylesheet"> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="engine/templates/nn/tmp/js/hint.js"></script> <script type="text/javascript"> if (!('flexWrap' in document.createElement('div').style)) { document.documentElement.className += ' no-flex'; } </script></head><body><div onclick="show('none')" id="wrap"></div><div id="wrapper"> <div id="left">{left}</div> <div id="main">{main}</div> <div id="right">{right}</div></div><footer> <div class="footer_content"> {footer} </div></footer></body></html>Вот CSS: #wrapper { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; margin: 75px auto 16px; width: 1120px; background-color: #fff; border-radius: 5px; overflow: hidden;}.no-flex #wrapper { display: table; width: 100%; max-width: 1122px;}.no-flex #left,.no-flex #right,.no-flex #main { display: table-cell; vertical-align: top;}#left { width: 235px; float: left;}#right { width: 285px; background-color: #f6f9fa; float: right; flex-shrink: 0;}#main { width: 420px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); float: left; padding: 50px 90px; position: relative;}Буду благодарен за любую помощь!