Iconos en elementos de una lista desaparecen detras de una imagen

[drea]

Hola a todos, he tratado de resolver este problema sola pero mis conocimientos de css son bastante limitados asi que opte por buscar ayuda.
En una lista en vez de bullets uso iconos para esto uso la propiedad background , funciona sin problemas hasta que agrego una imagen con propiedad float:left , entonces primero se ve la imagen y al lado los elementos de la lista pero sin iconos porque los iconos se encuentran detras de la imagen. La idea es que aparesca la imagen(o foto) y al lado la lista(con los iconos por delante). Pienso que si utilizaria list-style-image:(url) en vez de background: url() no tendria ese problema pero solo me esta permitido usar background porque el icono exige una posicion exacta. Muchas gracias por vuestra ayuda.

Código:

ul-code

.text_image_new ul.textlist {
    margin-bottom: -4px !important;
    margin-top: 4px !important;
    padding-bottom: 0;
}
.text_image_new ul.textlist {
    list-style: none outside none;
    padding-left: 0;
}
.text_image_new ul, .text_image_new ol {
    font-size: 1em !important;
}
.section ul {
    font-size: 1.1em;
    /*list-style-image: url("/.../x.gif");*/
    margin: -2px 0 10px;
    padding: 0 0 1px 16px;
}

Código:

li-code

.text_image_new ul.textlist li {
    font-size: 1em !important;
}
.text_image_new ul.textlist li {
    background: url("/../x.gif") no-repeat scroll 0 2px transparent;
    padding-left: 10px;
}
.section ol li, .section ul li {
    font-weight: normal;
    margin-bottom: 4px;
}