Задействовать определённую область

[dsasda]

Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию).

Собственно вот скрин, что бы лечге было понять.

http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg

Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?

[npofopr]

padding, да.

[dsasda]

К сожалению, у меня не получается с padding, padding-right у меня не реагирует не как, прошу помочь. Вот скрин из того, что получается:

http://s1.ipicture.ru/uploads/20130721/BRBpgWv2.jpg

вот код:

#bluebox {
width: 435px;
height:275px;
border: 1px red solid;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow: hidden;
background: url(img/bluebox.jpg);
padding: 20px 10px 3px 20px;
}

padding в этом коде пробовал так написать, но тоже ничего. Во-первых, текст перед тем, как "оборваться" идёт дальше синей области и картинка повторяется справа.

background no-repeat тоже не помог, картинка не повторяется, а просто как бы идёт влево. Одним словом, помогите, пожалуйста, сделать область в "синей зоне", возможно, посоветовав другой вариант.

[antonKar]

http://htmlbook.ru/css/box-sizing

[Struggle]

текст обернуть в <p>

задать стиль

#bluebox p {

padding: 10px;

}

Насчет фона ничего не понял..

Edited July 21, 2013 by Struggle

[npofopr]

1. Вы где такие длинные слова видели? Ставьте пробелы и всё у вас будет.

2. Размещайте код на http://jsfiddle.net или подобных сервисах