Wormaster

position:absolute; дай ему ) и уедет он куда угодно )

Посмотрел, всё норм... для чистоты эксперимента подправь .htaccess чтоб перекидывал всегда на без ВВВ или наоборот...

Не верно подозреваете.... она относится аж к 3 подменю (#mainlevel > LI > UL > LI > UL) которое к слову сказать ведёт себя нормально... (для чистоты эксперимента убирать это пробовал.. без изменений)

Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-top:solid 1px #fff; } #mainlevel li a { text-transform: lowercase; } ul#mainlevel li ul { position:absolute; margin-top:-30px; display:none; left:210px; } ul#mainlevel li:hover ul { display: block; } ul#mainlevel li ul li { border:none; background: url(../images/activebg.png); } ul#mainlevel li ul li:first-child { border-top:none; } ul.sublevel li:hover ul { display:block; } #mainlevel > LI > UL > LI > UL { display:none !important; margin-left:-2px; } #mainlevel > li > ul > li:hover > ul { display:block !important; } \

Глянуть как работает можно тут http://terredebeaute.w-artstudio.ru

Вобщем шаманил шаманил... попутно немного переделал дизайн но решение всё же придумал )) XHTML <div class="maincarrier"> <div class="c1"></div> <div class="c2"></div> <div class="c3"></div> <div class="c6"><div class="content"> <jdoc:include type="component" /> </div> </div> <div class="c7"><div class="dec2"></div></div> <div class="c8"><div class="dec1"></div></div> <div class="c9"></div> </div> CSS .maincarrier { margin-right: 15px; margin-left: 15px; } .content { margin-right: 15px; margin-left: 15px; } .c1 { float: left; height: 11px; width: 11px; background: url(../images/c1.png) no-repeat; } .c2 { float: right; height: 11px; width: 11px; background: url(../images/c2.png) no-repeat; } .c3 { height: 11px; margin-right: 11px; margin-left: 11px; background: url(../images/c3.png) repeat-x; } .c6 { height: 100%; min-height:500px; background: url(../images/c3.png); } .c7 { float: left; height: 79px; width: 11px; clear: right; background: url(../images/c7.png) no-repeat; } .c8 { float: right; height: 79px; width: 11px; background: url(../images/c8.png) no-repeat; } .c9 { margin-right: 11px; margin-left: 11px; height: 79px; background: url(../images/c9.png) repeat-x; } .dec1 { background: url(../images/dec1.png) no-repeat; height: 523px; width: 158px; margin-top: -444px; margin-left: -147px; } .dec2 { background: url(../images/dec2.png) no-repeat; height: 90px; width: 82px; margin-top: -30px; } Вт такая вот хитрая приблуда...

Не, оно не склеено просто я изначально не до конца понял суть мысли.

Фотошоп... блин как же я не догадался.... надо изначально не так это рубить ..... делаем почти обычные круглоуголки а всю ботву сверху вешаем прозрачными пнг отдельно.... так *убёг тестить* При наложении друг на друга они дают естественно другой цвет..

Кстати о прозрачности.... у меня родилась мысль ) а почему бы всё это дело не склеить дивами непрозрачными и потом задать {opacity:0.7;} хм.... над попробовать .....

а чем тут поможет JS? задать размер таблички равный размеру дива с текстом? но в таком случае с позиционирование проблем просто необерёшься помоему...

Сделал с дивами распиханными по углам? )) я так тоже пробовал ) если б не прозрачность то всё нормально ) кстате выкиньте вариант получившийся ) в дискусии рождается истна )

Да конечно ) в PNG оно должно быть )

PSD в архиве вот ) писибо огромное ) я пока тоже попробую поколдовать ))

Сцылко на большую Вот чего я пытаюсь добиться... чтобы текст был над всей этой конструкцией и растягивал её...

если вы внимательно посмотрите в код то увидите что размер некоторых картинок довольно большой ибо там находятся не повторяющиеся элементы и они должны быть фоном.... а если прсто воткнуть как обычно в центр таблички, то будут очень широкие поля.....