Spero che qualcuno mi aiuti, devo avvicinare al bordo eliminare lo spazio a sinistra lasciato dalla bormattazione del elenco puntato.

ho provato in tutti i modi ma non si avvicina al lato sinistro del div che lo contiene.
Aiutatemi

ecco il codice:

<html>
<head>
<title>prova elenco</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
BODY {
FONT-SIZE: 0.8em;
FONT-FAMILY: "Lucida Grande", Tahoma, Verdana, sans-serif;
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
BODY A:link {
COLOR: #7d7876; TEXT-DECORATION: none;
}
BODY A:active {
COLOR: #7d7876; TEXT-DECORATION: none;
}
BODY A:visited {
COLOR: #7d7876; TEXT-DECORATION: none;
}
BODY A:hover {
COLOR: #ffcc33; TEXT-DECORATION: none;
}
#gallerySites {
CLEAR: both;
}
#gallerySites UL {
LIST-STYLE-TYPE: none;
}
#gallerySites LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
}
#gallerySites LI {
DISPLAY: inline; BACKGROUND: url(none); FLOAT: left; MARGIN: 0px 1px; WIDTH: 55px; HEIGHT: 55px
}
#gallerySites IMG {
border: 2px solid #333333;
}
#gallerySites A:hover IMG {
border: 2px solid #999999;
}
#div_elenco {
height: 50px;
margin-right: 0px;
margin-left: 0px;
}

-->
</style></head>

<body>
<div id="div_elenco">
<UL id=gallerySites>
<LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
<LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
<LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
<LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
<LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>
<LI>[img]image/produzioni/opere/andreachenier1_small.jpg[/img]</LI>[/list]
</div>
</body>
</html>