Совершенству эволюция не нужна.
Давайте разберемся 
Вот код для side: #side{ background: #000000 url('/userdir/1/1/1/7/111774/44562917.jpg') repeat-y right 120px; position: absolute !important; clear: left; width:166px !important; margin:0 !important; left:0px !important; font-size: 9pt !important; padding-left: 0px !important; padding-bottom: -10px !important; color: #dddddd !important}
Вот #side .bordered: #side .bordered {width: 166px !important; padding-left: 2px !important; padding-top: 0px !important; margin: 0 !important; padding-right: 0px !important; padding-bottom: 120px !important; background: url('/userdir/1/1/1/7/111774/44755694.gif') no-repeat bottom left; border: none !important;}
Вот #side .bordered .clear: #side .bordered .clear {display: none !important;}
Таким образом, .bordered находится внутри #side, и поскольку все нижние паддинги и маргины равны нулю, и .clear убран, то .bordered нижним краем должен прилегать к нижней границе меню #side, так? В ИЕ он и прилегает, и фон его переходит в фон меню #side без проблем, как мне и нужно.
Но в Опере происходит вот какая фигня:
скрин
Где красным крестом обозначен фон #side
Желтым обозначен фон .bordered
Красной стрелкой - торчащий кусок фона #side.
Вопрос - Откуда он взялся?

Вот код для side: #side{ background: #000000 url('/userdir/1/1/1/7/111774/44562917.jpg') repeat-y right 120px; position: absolute !important; clear: left; width:166px !important; margin:0 !important; left:0px !important; font-size: 9pt !important; padding-left: 0px !important; padding-bottom: -10px !important; color: #dddddd !important}
Вот #side .bordered: #side .bordered {width: 166px !important; padding-left: 2px !important; padding-top: 0px !important; margin: 0 !important; padding-right: 0px !important; padding-bottom: 120px !important; background: url('/userdir/1/1/1/7/111774/44755694.gif') no-repeat bottom left; border: none !important;}
Вот #side .bordered .clear: #side .bordered .clear {display: none !important;}
Таким образом, .bordered находится внутри #side, и поскольку все нижние паддинги и маргины равны нулю, и .clear убран, то .bordered нижним краем должен прилегать к нижней границе меню #side, так? В ИЕ он и прилегает, и фон его переходит в фон меню #side без проблем, как мне и нужно.
Но в Опере происходит вот какая фигня:
скрин
Где красным крестом обозначен фон #side
Желтым обозначен фон .bordered
Красной стрелкой - торчащий кусок фона #side.
Вопрос - Откуда он взялся?

-
-
09.08.2009 в 10:39Но все же, откуда взялся этот кусок?
-
-
09.08.2009 в 13:22-
-
09.08.2009 в 14:48возможно дело в #NContentFrame?
-
-
09.08.2009 в 19:37Нет, пример пока "неживой"..(
А #NContentFrame по ходу тоже не влияет, по крайней мере пробовал отключить, ничего не изменилось.
-
-
09.08.2009 в 20:29хотя всё же похоже на #NContentFrame, он в side под bordered, высотой 4-5 пикселей и visibility:hidden.
как более мягкий чем relative вариант, сделай bordered margin-bottom:-4px.
-
-
10.08.2009 в 06:14А у меня изначально #NContentFrame имеет высоту 0, я смотрел через девелопер-панель. Правда неизвестно, может Опера как-то по-другому интерпретирует этот элемент.
-
-
10.08.2009 в 07:30-
-
15.08.2009 в 23:19