Right sidebar images too much padding

[newshopbloke]

I have used this code to add an image to the right sidebar, put it at the top of the code page for "Layout code - regular right sidebar". Copied and adjusted the code from forum.

<div class="sidebar">
<img src="sellerdeck images\sidebar_shipping.jpg">
<div align="center" style="border-bottom: dotted 0px #858585;
padding: 0px 0px; margin:0 0px; repeat-x;
border-top: dotted 1px #858585;">
<div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div>


There appears to be a load of 'padding' on the left of the image and pushing the image off the page ?

Have attached a pic, i need the position to be the same as left sidebar. The image will hopefully be better quality than the one ive used, ive repeated it twice as a test for the list separator shim.

I wish my design program could create an identical shape rounded corner as the one on the left but sadly it cannot.

[newshopbloke]

Fixed

Now fixed, I know this code does not look right but, its the best I could do.

<align="center" style="margin-left:-15px ">
<img src="sellerdeck images\sidebar_shipping.png">
<div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div>

<align="center" style="margin-left:-15px ">
<img src="sellerdeck images\sidebar_safe.png">
<div class="silver-sidebar-list-separator"><img src="theme_shim.gif" height="10" alt="spacer"/></div>

Michael