Всем привет. Подскажите пожалуйстав разрегении такой ситуации. Вот код:

<div id="menuLeft">
<img src="left_side_menu_add_bottom_part.jpg" style="float:left">

<span id="support_header">Support</span>
<ul>
<li><a href="#" class="menu">Contact</a></li>
<li><a href="#" class="menu">Help</a></li>
<li><a href="#" class="menu">FAQ</a></li>
<li><a href="#" class="menu">Send to</a></li>
<li><a href="#" class="menu">Site Map</a></li>
</ul>
<br><br><br><br>
<img src="traffic_land_logo.jpg" class="banner_picture"><br><br>
<img src="broader_mobile_logo.jpg" class="banner_picture">
</div>

Как убрать отступ слева картинки. Прописан css:

div { padding: 0px;}
body
{
width: 100%;
margin: 0 0 0 0px
}
Заранее, спасибо.

ещё момент: смещение образховалось за счёт того, что верхний уголок установлен с помощью абсолюного занчениея, а полоска - относительно

Вопрос решён таким образом:
<style>
#text_header
{

background-image: url(left_side_menu_add_top_part.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: bottom left;
width:100%;
height: 125px
}

#menuLeft { float: left; width: 170px;
height:80%;background-image: url(left_side_menu_add_bottom_part.jpg);
background-repeat: no-repeat; background-attachment:fixed;
background-position: top left;
</style>


<div id="menuLeft">
<span id="support_header">Support</span>
<ul>
<li><a href="#" class="menu">Contact</a></li>
<li><a href="#" class="menu">Help</a></li>
<li><a href="#" class="menu">FAQ</a></li>
<li><a href="#" class="menu">Send to</a></li>
<li><a href="#" class="menu">Site Map</a></li>
</ul>
<br><br><br><br>
<img src="traffic_land_logo.jpg" class="banner_picture"><br><br>
<img src="broader_mobile_logo.jpg" class="banner_picture">
</div>


..............