Ajuda com sub-menu

Pessoal, por favor, uma ajuda!
Não estou conseguindo arrumar o sub-menu desse blog q estou fazendo.
veja

O 1º subitem TESTE fica muito embaixo, deveria ficar grudado na aba de cima e eu não consigo subir…
Aí crio sub-item para este TESTE e ao inves de aparecer ao direita e na mesma linha, como a maioria dos blogs, ele aparece a direita, na linha de baixo… já tentei tudo, mas nao consigo arrumar isso.

Será que alguem pode me ajudar…

`/* begin MenuItem */
.artmenu ul li
{
clear: both;
}

.artmenu a , .artmenu a span
{

display: block;
width: 97px;
height: 60px;
background-image: url(‘images/item-center.png’);
background-position: left top;
background-repeat: no-repeat;

}

.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 1px;

}
.artmenu a span span
{
font-family: Calibri, Verdana;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #BEE7CB;
padding: 6px 2px 0px 2px;
margin: 0px;
line-height: 60px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
.artmenu a:hover
{
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 1px;
}

.artmenu a:hover span span
{
font-family: Calibri, Verdana;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #F4F5EF;
padding: 6px 2px 0px 2px;
line-height: 60px;
text-align: center;
vertical-align: middle;
display: table-cell;

}

.artmenu li:hover a span span
{
color: #F4F5EF;
width: 97px;
height: 60px;
padding: 10px 2px 0px 3x;
background-position: left top;
background-repeat: no-repeat;

}

/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
display:block;
text-align: center;
white-space: nowrap;
height: 25px;
width: 148px;
overflow:hidden;
line-height: 20px;
margin-right: auto;
background-image: url(‘images/subitem-bg.png’);
background-position: top left;
background-repeat: repeat-x;
border-width: 1px;
border-style: solid;
border-color: #95d993;
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
text-align: left;
text-indent: 12px;
line-height: 20px;
color: #fff;
font-family: Calibri, Verdana;
font-size: 14px;
font-style: italic;
font-weight: bold;
}

.artmenu ul ul a
{
margin-left: auto;
}

.artmenu ul li a:hover
{
color: #bee7cb;
border-color: #bee7cb;
background-position: 0 -25px;

}

.artmenu ul li:hover>a
{
color:#ADD68F;
border-color: #ADD68F;
background-position: 0 -25px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
color: #ADD68F;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
color: #447850;
}

/* end MenuSubItem */