something making an image push to the right on website

The attachmen is invalid (just a text file to a path on your local computer).

Nonetheless, I'll try to help with the following general suggestion.  

Wrap the image in a DIV container:
<div>
<img .../>
</div>
<br clear="all"/>

You can also add the style atttribute style="text-align: left;" and align="left" to both the div container and/or the img element.  Ex:

<div style="float: left;">   or    <div align="left">    and/or   <img ... align="left">    or ... etc.

I am not sure I understand what you are saying?

What is attachmen?

I have added a container...#slider_container This has not made any change.!! :)

Sorry, spelling error...  "attachment" (eg. your provided "url.txt" upload) is what I meant.

#slider_container is a style reference and should not be in your HTML for the element.  The elmenent would reference that style reference by id (eg. <div id="slider_container"/>

Again, it's hard to interpret since there is no source code in your upload.

Really confused now...

I have attached the CSS for the rotating images. And I have reattached the URL.txt as well.

The websites main CSS is also attached.

#slider_container {
	float: left;
	width: 601px;
	height: 227px;
}
#slider {
	float: left;
    width: 601px; /* important to be same as image width */
    height: 227px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width:601px; /* important to be same as image width or wider */
    float: left;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage div {
    position: absolute;
    padding: 0px 0px 0px 0px;
    width:601px;
    display: none;
    background-color: #000;
    color: #fff;
}
.sliderImage span, .sliderImage a, .sliderImage a:visited{color:#fff; text-decoration:none}
.clear {
	clear: both;
}



.sliderImage .bottom span{padding:0px 0px; display:block; }
.sliderImage .bottom  span.title_slider{font-size:18px; line-height:20px;}
.desc_slider{ margin-top:-15px;}

Select allOpen in new window

url.txt
main-css.txt

Ok, the attachment to the URL to the actual live site is now correct and I see the page.  However, the banner (with the cyling photos is what I assume you are referring to) appears correct to me.

This may be a browser issue -- what browser and version are you using?  I'm using IE8.

I think I see the problem now.

Try replacing #slider_container with this:
#slider_container {
      float: left;
      width: 601px;
      height: 227px;
  padding: 0px;
  margin: 0px;
}

hi,
No that has made no difference :)

Although when I click on capability mode within IE8 it then displays the image over to the left as I would expect!! All very strange.

that solved it...many thanks

many thanks