Нужна помощь в верстке...

Да вариантов масса, на "бэкграунд", например. У Вас там сверху куча свободного места для элемента.

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

А вообще, посмотрите, как это делают другие. Зачем изобретать велосипед.

Тут, например, http://getbootstrap.com/javascript/#popovers

Нужно создать отдельный блок по размерам стрелочки. Стрелочку сделать фоном этого блока, а потом позиционировать его в нужном месте.

т.е. по принципу:

<div id="1'></div>

<div id='2'>Текст комента....</div>

<div id='3'></div>

В див 1 помещаем картинку-шапку, в 2 помещаем текст и делаем картинку repeat-y, ну и в 3 помещаем картинку футер...

Правильно?

---------- Добавлено 26.11.2013 в 23:34 ----------

Сейчас попробую так..)

стрелочка должна являться картинкой которая будет позиционироваться абсолютно с отрицательным top. Но так, чтобы она одним пикселем перекрывала сплошную верхнюю рамку блока. У блока соответственно position:relative и overflow:visible

Вообще стрелочка проста сама по себе, ее можно сделать без графики.

В bootstrap она как раз нарисована css стилями.

Спасибо большое:) Очень помогли!