CSS erfaring.

Hej, (god aften).

Jeg er ved at lave en insert smileys.
Men min css style ser ikke for godt ud.

Men jeg ønsker mig en form for dette: Link

 /* Editor hjælp */
 #editor_hjelp {
 background: #000;
 padding: 4px;
 color: #fff;
 }
 .lukhjelp {
   width: 16px;
   height: 16px;
   background: url('https://cdn1.iconfinder.com/data/icons/mimiGlyphs/16/close_delete.png') repeat-x;
 }
 .editor_help {
 display: none; 
 margin: 0 auto;
 }
 /* End Editor hjælp */

 <div id="hjelp" class="editor_help">
 <div class="lukhjelp"><a onClick="javascript:$('#hjelp').slideToggle();"></a></div>
 <div id="editor_hjelp">
 
 
 
 Her giver vi en hånd.
 
    </div>
       </div>

Nogen der kan hjælpe med at lave den del?
Selve baggrunde mv. er ikke et problem for mig at lave selv.
Men det er det X jeg ikke kan placere korrekt som vist på billedet. Så det ikke påvirker ikonerne.