Box Slider Formatting

[RossF1984]

Hi,

I am currently using a box slider for 3 images on the front of my Wifes site.

This is using the following code: 
 

<ul class="bxslider">
	<li><img src="https://WEBSITEURL/images/cache/Banner/BannerNew1.500.png" /></li>
	<li><img src="https://WEBSITEURL/images/cache/Banner/BannerNew2.500.png" /></li>
	<li><img src="https://WEBSITEURL/images/cache/Banner/LOYALTYBANNER.500.png" /></li>
</ul>

However, I want the three images to be automatically centralised within the slider. Currently they appear to be 'left justified'... The first two images sometime appear centralised but this is only because the image is made so that the content is pushed as far to the right as possible. (Because of this issue). The third image is newly uploaded and sits to the left.

Am I missing something simple from the HTML?

Also why does the file extension get changed *.500.png even though I uploaded it as *.png? 

Thanks in advance.

Ross

[RossF1984]

All sorted...

Looks like I should of been using:

<li><img alt="" src="/images/source/Banner/BannerNew1_1.png" style="width:1000px;height:200px;" title="" /></li>