CSS Conflict

I have linked two CSS files on my project. One CSS file targets a jQuery slider which I have set to overflow:hidden;. When I code the other CSS file the images are also affected by the overflow:hidden;. How can I stop this to happen?

Someone help please.

Posting a code sample or link might be useful but it sounds like it’s being inherited.

Here is the code sample:

<!DOCTYPE html>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<!-- Script for making IE to work with HTML5-->
document.createElement('abbr'); document.createElement('article'); document.createElement('aside'); document.createElement('audio'); document.createElement('bb'); document.createElement('canvas'); document.createElement('datagrid'); document.createElement('datalist'); document.createElement('details'); document.createElement('dialog'); document.createElement('eventsource'); document.createElement('figure');  document.createElement('figcaption'); document.createElement('footer'); document.createElement('header'); document.createElement('hgroup'); document.createElement('mark'); document.createElement('menu'); document.createElement('meter'); document.createElement('nav'); document.createElement('output'); document.createElement('progress'); document.createElement('section'); document.createElement('small'); document.createElement('time'); document.createElement('video'); document.createElement('figure'); document.createElement('m');
<link rel="stylesheet" type="text/css" href="apple-style/demo.css" />
<link rel="stylesheet" type="text/css" href="styles/cheftom.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="apple-style/script.js"></script>

<title> Chef Tom's Cattering Services</title>

<li><a href="#" alt="Outside Catering Services in Arusha" title="Outside Catering Services">Home</a></li>
<li><a href="#" alt="Outside Catering Services in Arusha" title="Outside Catering Services">Food</a></li>
<li><a href="#" alt="Outside Catering Services in Arusha" title="Outside Catering Services">Events</a></li>
<li><a href="#" alt="Outside Catering Services in Arusha" title="Outside Catering Services">Recipe</a></li>
<li><a href="#" alt="Outside Catering Services in Arusha" title="Outside Catering Services">About Us</a></li>
<li><a href="#" alt="Outside Catering Services in Arusha" title="Outside Catering Services">Contacts</a></li>

<h1>Arusha's quality signature in catering.</h1>

<div id="gallery">
    <div id="slides">
    <div class="slide"><img src="apple-style/img/sample_slides/bagger.jpg" width="920" height="400" alt="side" /></div>
    <div class="slide"><img src="apple-style/img/sample_slides/bagger.jpg" width="920" height="400" alt="side" /></div>
    <div class="slide"><img src="apple-style/img/sample_slides/bagger.jpg" width="920" height="400" alt="side" /></div>
    <div class="slide"><img src="apple-style/img/sample_slides/bagger.jpg" width="920" height="400" alt="side" /></div>
    <div id="menu">
        <li class="fbar">&nbsp;</li><li class="menuItem"><a href=""><img src="apple-style/img/sample_slides/thumb_macbook.png" alt="thumbnail" /></a></li><li class="menuItem"><a href=""><img src="apple-style/img/sample_slides/thumb_iphone.png" alt="thumbnail" /></a></li><li class="menuItem"><a href=""><img src="apple-style/img/sample_slides/thumb_imac.png" alt="thumbnail" /></a></li><li class="menuItem"><a href=""><img src="apple-style/img/sample_slides/thumb_about.png" alt="thumbnail" /></a></li>

<article id="head-story">
<div id="story">
<p>We are Arusha's leading catering and event management consulting company specializing in the fine meals for cooperate, and private events.</p>
<p>Our services include providing cocktail services, Buffet, BBQ, and Luncheon among other culinary related services.  Our in-depth knowl edge of Arusha's finest suppliers & resources is one of our foundations.

<div id="pictures">
<li><img src="images/bagger.jpg" width="170px" height="170px" alt="Catering food" />Home</a></li>
<li><img src="images/cakes.jpg" width="170px" height="170px" alt="Catering food" />Food</a></li>
<li><img src="images/meatpie.jpg" width="170px" height="170px" alt="Catering food" />Events</a></li>
<li><img src="images/sausages.jpg" width="170px" height="170px" alt="Catering food" />Recipe</a></li>



The Slyder CSS:

	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	/* CSS3 Rounded Corners */
	border:1px solid white;
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	/* The width of the gallery */
	overflow:hidden; margin-left: auto; margin-right:auto;

	/* This is the slide area */
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:960px; height: 300px; /*Remove height if can't work*/


	/* This is the container for the thumbnails */
	height:45px; margin-left: 310px;


	/* Every thumbnail is a li element */

	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;

	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;

li.act a{

	/* The left-most vertical bar, next to the first thumbnail */
	background:url(img/divider.png) no-repeat right;

li a{
	/*background:url(img/divider.png) no-repeat right;*/

a img{
	/* The main container */
	margin:15px auto;

a, a:visited {


The document CSS:

@charset "utf-8";
/* CSS Document */
/* Makes HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, hgroup, section { display: block;}

html, body, div, span, applet, object, ifr ame, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: none; text-align: left ; vertical-align: baseline; list-style: none; font-family: Verdana, Geneva, sans-serif; }

html {background: url(../images/meat.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
p {font-size: 0.8em; line-height: 1.6em; margin-bottom: 1.2em;}

header{ position:relative; width:960px; margin: 10px auto;}
header nav { position:relative; width: auto; height: 80px; margin-top: 30px; background:  rgb(115,53,18) url(../images/navigationbg.gif) 0 0 repeat-x; -moz-box-shadow: 0 3px 4px rgba(0,0,0,.7); -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.7); box-shadow: 0 3px 4px rgba(0,0,0,.7);}
header nav ul{ margin-left: 210px; padding-top: 21px; background-color: transparent; border: 2px solid rgba(255,255,255.5);}
header nav ul li { float: left; margin-left: 30px; width: auto; font: 1.1em Georgia, "Times New Roman", Times, serif;  color: rgb(255,255,255); text-transform: uppercase;}
header nav ul li a:link {text-decoration: none; color: rgb(255,255,255);}
header nav ul li a:visited {text-decoration: none; color: rgb(255,255,255);}
header nav ul li a:hover {text-decoration: none; color: rgb(187,115,3); padding-bottom: 5px; border-bottom: 1px solid rgb(255,255,255); }
header nav ul li a:active {text-decoration: none; color: rgb(255,255,255); margin-left:2px;}

section h1 {font: bold 2em Arial, Helvetica, sans-serif; text-align: center; color: rgb(255,255,255); text-shadow: 2px 2px 3px rgba(0,0,0,1); padding:8px 0 8px;}
h2 {font: bold 1.5em Arial, Helvetica, sans-serif;color: rgb(115,53,18); border-bottom: 1px dotted rgb(0,0,0);}

section { position: relative; margin: 0 auto; width: 960px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}

article#head-story{position: relative; float: left; margin: 20px auto; width: 960px; }
article#head-story #story { position: relative; float: left; width: 500px; margin-left: 38px; padding: 14px 22px 12px; background-color: rgb(255,255,255);  background-color: rgba(255,255,255,.79); -moz-border-radius: 12px; -o-border-radius: 12px; -webkit-border-radius:12px; border-radius:12px;}

Please help. Thank you.