Incluyo un carrusel que me afecta toda la web

[willycarp]

Hola gente! no soy un experto en js... me bajé un carrusel para incluir en mi web, el cual a simple vista es muy simple:

html:

Código:

<ul class="roundabout-holder">
   <li><img src="Images/porqtenerunsitioweb.png" width="478" height="320" /></li>
   <li><img src="Images/laimportanciadeldisg.png" width="478" height="320" /></li>
   <li><img src="Images/mantenimientoweb.png" width="478" height="320" /></li>
   <li><img src="Images/pidaunpresupuesto.png" width="478" height="320" /></li>
   <li><img src="Images/redessociales.png" width="478" height="320" /></li>
</ul>

css:

Código:

   .roundabout-holder {
	list-style: none;
	height: 555px;
	width: 700px;
	margin-top: -100px;
	margin-right: auto;
	margin-left: auto;
   }
   .roundabout-moveable-item {
	height: 320px;
	width: 478px;
	cursor: pointer;
	background-color: #ccc;
   }
.roundabout-holder li h2 {
	font-family: Calibri;
	font-size: 45px;
	color: #262625;
	text-align: center;
}
.roundabout-holder li p {
	font-family: Calibri;
	font-size: 18px;
	color: #262625;
	text-align: center;
}
.roundabout-holder li p span {
	font-weight: bold;
	color: #000;
}
   .roundabout-in-focus {
      cursor: auto;
   }

Con esto me funciona perfecto, el problema es que cuando lo incluyo en el index mediante un include me afecta toda la pagina x culpa de los dos archivos .js que tiene adjunto!
El principal problema creo q es con las etiquetas li xq x ejemplo el menu que tmb lo tengo armado como lista pasa a tener el funcionamiento del carrusel!!!

Hay alguna forma de hacer que los archivos .js solo afecten al carrusel y no a toda la pagina????

Espero que se entienda mi duda!

Gracias de antemano!