margen con listas (0 en firefox, otro en iE)

[Nateskin]

Hola chicos.

Tengo un problemilla, es que he hecho un sistema de usuarios, pero primero quiero maquetarlo.

el caso que la estructura la tengo así:

Código:

<ul>
        <li><img src="images/avatars/bookert.gif" width="36" height="36" />
          <ul>
            <li>NatESkiN</li>
            <li><a href="a" target="_self">Editar Perfil</a></li>
            <li><a href="a" target="_self">aaaaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/avatar35.gif" width="36" height="36" />
          <ul>
            <li>reverence</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/predator.gif" width="36" height="36" />
          <ul>
            <li>rmirabelle</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/sonic_2.gif" width="36" height="36" />
          <ul>
            <li>Clairvoyant</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/tetsuoakira.gif" width="36" height="36" />
          <ul>
            <li>Nova</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/xbox_5.gif" width="36" height="36" />
          <ul>
            <li>kittyKat</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/kid2.gif" width="36" height="36" />
          <ul>
            <li>EidetcImage</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/artlink.gif" width="36" height="36" />
          <ul>
            <li>KamilKascha</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/wc3human.gif" alt="" />
          <ul>
            <li>Klyph</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
        <li><img src="images/avatars/gta4_018.jpg" width="36" height="36" />
          <ul>
            <li>Cigaro</li>
            <li><a href="a" target="_self">Ver Perfil</a></li>
            <li><a href="a" target="_self">aaaaaa</a> </li>
          </ul>
        </li>
      </ul>

Código:

#wrapper #column #onlineMembers ul{

	list-style-type: none;	
}
#wrapper #column #onlineMembers ul li{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4A494A;
}
#wrapper #column #onlineMembers ul li{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4A494A;
}
#wrapper #column #onlineMembers ul li img{
	float: left;
}
#wrapper #column #onlineMembers ul li ul li{

	border-bottom-style: none;
	display: block;
	background-color: #FF0000;
}

El caso que firefox me lo hace perfecto, pero internet explorer, me pone la imagen superior al listado en si y quiero ponerlo todo por igual

¿algien me puede ayudar?

PD: quiero saber, si firefox y los demas navegadores lo hacen bien, si iex lo hace diferente pues puedo hacer una hoja de estilos para esa excepcion, ¿no?

un saludo!