homm

Вы наверное не ту картиинку выложили, на картинке текст сглажен:

Это новое значение в html5. В Опере, видимо еще не поддерживается.

Заголовки какой content-type содержат?

Проблема в том, что javascript библиотеки не отображают страницы.

Перевел всю игру в один файл, 56 мегабайт, 2 миллиона элементов. Открыть смог только Хром.
narod.ru/disk/14799937001/index.html.gz.html

Таблицы, JS, дублирование контента. Два варианта вы отбросили, остается третий.

Дак position:relative сдвигает только изображение блока. Для всех внешних элементов #page до сих пор находится под меню. Он и раздвигает страницу.

Залейте на ютуб и вставьте на страницу. Вообще ничего делать не придется.

OpenSearch

Выглядити так:

Можно использовать css3-свойство transform: skew. При этом придется использовать либо по 3 элемента, либо задействовать псевдо-элементы before и after. Так-же придется как-то побороть проблему накладывания нижних элементы на верхние. Например, сделать всем элементам position: relative и уменьшать z-index от верхних к нижним.

Дополню CaptainQuazar. 4 тени не нужны, достаточно одной.

<div></div>
<style>
body{background:#000}
div{
width:100px;
height:30px;
background:#F00;
border:#FF0 dashed 1px;
border-radius:5px;
Box-shadow:0px 0px 0px 2px #f00;
}
</style>