alinear imagen en elemento < li>

[Montes28]

hola amigos espero me puedan ayudar estoy colocando una imagen en un elemento < li> pero la imagen queda mas arriba existe alguna manero de que queden al mismo nivel ?

Código CSS:

#dos{ width:50%;
    display:inline-block;
    height:50%;    
    /*background-color:green;*/
    overflow:hidden;
    }
 
#imagen2{ width:100%; 
     height:100%;
    }
 
 
#ticker2
{
    height:5.5%;
    border: 1px solid #666;
    background: #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    font: 13px/16px Arial,Verdana,sans-serif;
    padding: 3px 7px;
    width: 97.5%;
}
#ticker2 .divider {
    padding: 0 4px;
}
#ticker2 a, #ticker2 a:visited
{
    color:#993300;
    text-decoration: none;
}
#ticker2 a:hover
{
    color: #930;
}
 

Código HTML:

<div id="ticker2" class="newsTicker2">
    <a href="#"><img src="imagen.png" width="16" height="16">titulo</a>
    <span class="divider">|</span>
    <ul>
        <li><a href="#story1">text 1 </a></li>
        <li><a href="#story2">text 2</a></li>
        <li><a href="#story3"><img src="imagen 2.png" width="16" height="16"></a><</li>
        <li><a href="#story4">text 3</a></li>
        <li><a href="#story5">text 4</a></li>
    </ul>
</div><img src="file://///imagen1.jpg" id="imagen2"></div>