[Wilfred1]

Ok, this is what I created:

Attachment 117701

To get this I did the following:
1. Settings -> Options -> Message Posting Interface Options ->
- Smiliebox Total Smilies = 60
2. Styles & Templates -> Style Manager ->Stylevar ->
- Smiliebox Max Avatar Display Size = 30 (px)
3. Replaced the template editor2.css with:

@charset "UTF-8";
/* editor2.css */

.editor_smiliebox {
clear:both;
height:{vb:math 5*{vb:math 21+2*2}}px;
position: relative;
float:left;
width: 100%;
}

.editor_smiliebox ul.smiliebox {
height:{vb:math 4.5*{vb:math 21+2*2}}px;
margin:0 auto;
}

.editor_textbox_smilie {
margin-right:0;
}

and that is it to get the above screen shot.

You have to play around with the numbers to get it right for the number of smilies and rows that you want to display

Hope this helps!