Textarea med div lige over

Jeg har prøvet en del, dog uden held.

Jeg har et textarea, men eftersom man kan bruge bbtags såsom [b], [i], [u] og lignende, så vil jeg gerne have en div LIGE over mit textarea, hvor i, der f.eks er nogle knapper, til at indsætte bbtags til textarea'et.

Ved f.eks at skrive:

<div style="width:200px; height: 15px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000">FED SKRIFT - KURSIV SKRIFT - UNDERSTREGET SKRIFT</div>
<textarea style="width:200px; height: 200px; border: 1px solid #000000"></textarea>

Så hænger div'en og textarea'et næsten sammen, men ikke helt. Kan det fikses, så de hænger 100% sammen?