Search the Community

Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin: 10px; opacity: 0.8; padding: 0px; border-bottom: 10px solid; border-left: 128px solid; border-right: 10px solid; border-top: 158px solid; -moz-border-image: url(/themes/standart/style.png) 158 10 10 128; -webkit-border-image: url(/themes/standart/style.png) 158 10 10 128; -o-border-image: url(/themes/standart/style.png) 158 10 10 128; border-image: url(/themes/standart/style.png) 158 10 10 128; }

Поля формы фио адрес и прочие - снабжены свойством border-image с 3 пикселами по ширине со всех краёв. В хроме и опере всё нормально, а в мозиле беда. В чём проблема и как исправить? Посмотреть можно здесь: http://jazz-i-lopata.ru/dizajn-interera-i-proektirovanie/zakazat-dizajn-interera-so-skidkoj