Не получается растянуть блок по высоте!

[Antoshka007]

Всем Здравствуйте!

Такая вот проблема: внутри "div" находится "p", который растягивается в зависимости от объема текста, который в него помещается. Но "div" при этом остается фиксированной высоты "min-height". Я так понимаю все дело в свойстве position. Но не знаю, как это обойти. Нужно, чтобы "div" растягивался вместе с тегом "p".

 

Вот скрин вылезающего текста:

http://joxi.ru/YmEqpnRI9BNem6

 

Вот css код для "div":

div{

    position: relative;

    display: inline-block;

    width: 900px;

    left: 220px;

    background-color: #c3c3c3;

    min-height: 241px;

}

Ну и на всякий случай css код для "p":

p{

    display: inline-block;

    width: 500px;

    position: absolute;

    top: 50px;

    left: 160px;

}

Заранее спасибо за ответ!

[Great Rash]

Надо убрать position: absolute; у <p>.

[satantx]

а зачем p position: absolute; ?

 

http://jsfiddle.net/satantx/k7vpe2qe/

[Antoshka007]

Всем спасибо за ответы!
Пробовал убрать свойство position:absolute у "p", но, к сожалению, слишком много приходилось менять и все рушилось. Я в этом деле пока новичок и руки немного кривоватые. Поэтому пришлось оставить, как есть. Это мой первый сайт, так что в другой раз буду знать=)