CSS conflicting with JQuery Cycle Plugin

CSS conflicting with JQuery Cycle Plugin

Hey guys,

I am rather to JQuery, but love the possibilities. However I am finding my first experience rather vexing. The JQuery Cycle plugin works great in my site folder if I place it in a new file. But when I try to place it in my existing index page with existing CSS it displays the images on top of one another not in the div where they are placed. I can send a screenshot if that helps. I have also included my site folder with just the index page and all the files including graphics, scripts and CSS. Can any of you see where my conflict is?

Also since then I added this css to the index file and got images to come together but transition does not happen:

  1. #myslides {
        width: 605px;
        height: 200px;
        padding: 0; 
        margin:  0 auto; overflow:hidden; clear:both;
       
    }
     
    #myslides img { 
        padding: 0px; 
        border:  1px solid rgb(100,100,100); 
        background-color: rgb(230,230,230);
        width: 605px;
        height: 200px;
        top:  0;
        left: 0;
       
    }