Вертикальное выравнивание внутри <li>

Если использовать списки типа <ul> или <ol> со своими картинками вместо стандартных маркеров, может возникнуть проблема с вертикальным выравниванием строк. Наглядный пример:

Исходник CSS:

.myul li{
list-style-image:  url('/misc/li_vert_align/bullet_info_32.png');
}

А если использовать background, то можно достичь желаемого результата:

Исходники:

.myul2 {
list-style-type: none;
}
.myul2 li{
background: url('/misc/li_vert_align/bullet_info_32.png') no-repeat;
margin:0;
padding:6px 0px 0px 35px;
height:24px;
}