• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 667
  • Last Modified:

Why is IE8 duplicating images on my website?

I have a strange case with IE8. It renders 3 images twice (duplicates) on the front page of my website. I think it has something to do with the CSS but I'm not sure.
IE is the only browser that does this. Any suggestions?

 
-- HTML -------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<title>Handtak.is</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<meta name="keywords" Content="smíði, smíðavinna, múrarar, múrari, smiður, smiðir, garðvinna, garðyrkja, sólpallar. tilboð, verktilboð">
<meta name="description" Content="Fáðu fagmenn til að vinna verkið fyrir þig á verði sem allir eru ánægðir með.">

<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<!-- <script type="text/javascript" src="js/cufon-yui.js"></script>  
<script type="text/javascript" src="js/cufon-replace.js"></script> 
<script src="js/MyriadPro-Bold.js" type="text/javascript"></script> -->
<script type="text/javascript" src="js/jquery.faded.js"></script> 
<script type="text/javascript" src="js/jquery.faded-options.js"></script>      
<script type="text/javascript" src="js/imagepreloader.js"></script>
<script type="text/javascript">
	preloadImages([
		'images/nav-last-strong-bg-hover.png', 
		'images/nav-first-strong-bg-hover.png', 
		'images/faded-pagination-bg-active.png']);
</script> 
<script type="text/javascript">
	$(document).ready(function() {
	 
	    //When page loads...
	    $(".tab_content").hide(); //Hide all content
	    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
	    $(".tab_content:first").show(); //Show first tab content
	 
	    //On Click Event
	    $("ul.tabs li").click(function() {
	 
	        $("ul.tabs li").removeClass("active"); //Remove any "active" class
	        $(this).addClass("active"); //Add "active" class to selected tab
	        $(".tab_content").hide(); //Hide all tab content
	 
	        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
	        $(activeTab).fadeIn(); //Fade in the active ID content
	        return false;
	    });
	 
	});
</script>   
  <!--[if lt IE 7]>
  	<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
  <![endif]-->


</head>
<body id="page1">
	<div class="bg-bot">
		<div class="main">
			<!-- header -->
			<header>
				<div class="container">
					<h1><a href="index.html">Handtak.is</a></h1>
					<div align="right" class="topbanner">
					<!-- AUGLÝSINGAKERFI BEGINS-->
<script src="http://auglysingar.handtak.is/adserve/;ID=159795;size=300x100;setID=138995;type=js;tP=1" type="text/javascript">
</script>
<noscript>
<a href="http://auglysingar.handtak.is/go2/;ID=159795;size=300x100;setID=138995">
<img src="http://auglysingar.handtak.is/adserve/;ID=159795;size=300x100;setID=138995;type=img;tP=1" border="0" height="100" width="300" alt=""></a>
</noscript>
<!-- AUGLÝSINGAKERFI ENDS  -->
					</div>
					<div class="clear"></div>
				</div>
				<div class="turninn">
					<div>
					<!-- AUGLÝSINGAKERFI BEGINS-->
<script src="http://auglysingar.handtak.is/adserve/;ID=159795;size=150x600;setID=138990;type=js;tP=1" type="text/javascript">
</script>
<noscript>
<a href="http://auglysingar.handtak.is/go2/;ID=159795;size=150x600;setID=138990">
<img src="http://auglysingar.handtak.is/adserve/;ID=159795;size=150x600;setID=138990;type=img;tP=1" border="0" height="600" width="150" alt=""></a>
</noscript>
<!-- AUGLÝSINGAKERFI ENDS  -->

					
					</div>
					<div class="clear"></div>
				</div>
				<nav>
					<ul>
						<li class="first"><a href="index.htm" class="active"><strong>Heim</strong></a></li>
						<li><a href="pr.php?a=signup"><strong>&THORN;j&oacute;nustua&eth;ilar</strong></a></li>
						<li><a href="wm.php?a=signup"><strong>Verkkaupar</strong></a></li>
						<li><a href="about.php"><strong>Um Handtak.is </strong></a></li>
						<li class="last"><a href="faq.php?brand=&s"><strong>Spurt &amp; Svara&eth;</strong></a></li>
					</ul>
					<div class="clear"></div>
				</nav>
				<div id="faded">
					<ul class="sliders">
						<li>
							<img src="images/slide1.png" alt="" />
							<div class="slogan">
								<strong>Vettvangur</strong>
								fagmanna á fjölbreytilegum sviðum til að koma þjónustu sinni á framfæri.
								<a href="about.php">Meira</a>							</div>
						</li>
						<li>
							<img src="images/slide2.png" alt="" />
							<div class="slogan">
								<strong>Ókeypis</strong>
								Það hefur aldrei verið jafn auðvelt að nálgast verktaka á öllum sviðum, sama hvort þú ert að byggja hús eða vantar heimasíðu.<br>
								<a href="http://handtak.is/faq.php?farea=5&brand=1">Skrá verk</a>							</div>
						</li>
						<li>
							<img src="images/slide3.png" alt="" />
							<div class="slogan">
								<strong>Ekkert mál</strong>
								að sýsla með verkin sín. Byrjaðu strax í dag og sjáðu hvað það er einfalt að koma hlutunum í verk!<br>
								<a href="http://handtak.is/index.php?a=viewprs&brand=1&">Smelltu h&eacute;r </a>						  </div>
						</li>
					</ul>
			  </div>
			</header>
			<!-- content -->
		  <section id="content">
		    <div class="box bg">
              <div class="divider">
                <div class="wrapper divider1">
                  <article class="col-1 aligncenter">
                    <h3>&THORN;j&oacute;nustua&eth;ilar</h3>
                  </article>
                  <article class="col-1 aligncenter">
                    <h3>Verkkaupar</h3>
                  </article>
                  <article class="col-1 aligncenter">
                    <h3>Verkefni</h3>
                  </article>
                </div>
              </div>
		      <div class="block-bg">
                <div class="divider4">
                  <div class="divider5">
                    <div class="divider2">
                      <div class="wrapper divider3">
                        <article class="col-1 block2"> <img src="images/img1_taska.png" alt="Þjónustuaðilar" />
                          <p>&THORN;j&oacute;nustua&eth;ilar f&aacute; fullan a&eth;gang a&eth; &ouml;llum augl&yacute;stum verkum fyrir a&eth;eins<br>
                          <strong>3.765 kr.</strong> &aacute; m&aacute;nu&eth;i.</p>
                           <script language=JavaScript>
		function setCookie1(name, value, minutes) {
			if (minutes) { now = new Date(); now.setTime(now.getTime() + minutes*60*1000); }
			var curCookie = name + "=" + escape(value) + ((minutes) ? "; expires=" + now.toGMTString() : "");
			document.cookie = curCookie;
		}
 
		function getCookie1(name) {
			var prefix = name + "=";
			var cStartIdx = document.cookie.indexOf(prefix);
			if (cStartIdx == -1) return '';
			var cEndIdx = document.cookie.indexOf(";", cStartIdx+prefix.length);
			if (cEndIdx == -1) cEndIdx = document.cookie.length;
			return unescape( document.cookie.substring(cStartIdx + prefix.length, cEndIdx) );
		}
 
		function doc_onLoad1() {
			if (getCookie1('c_userpr')) {
				forml.username.value = getCookie1('c_userpr'); forml.password.focus();
			}else{
				forml.username.focus();
			}
		}
 
		function doc_onSubmit1() {
			setCookie1('c_userpr', forml.username.value, 30*24*60);
		}
		</script>
                            <form class="search" action="pr.php?a=account&brand=&" method=post name=forml onSubmit="doc_onSubmit1();">
                              <tr>
                                <td> <table width="280" border="0" align="center" cellpadding="0" cellspacing="4">
                                    <tr>
									<td width="30">&nbsp;</td>
									 <td width="80" align="right" valign="middle"><span class="text3">Notandi</span>&nbsp;</td>
                                     <td width="170" align="left">
                                       <input name="username2" type="text" id="username" size="30"></td>
                                    </tr>
                                    <tr>
									<td width="30">&nbsp;</td>
                                 <td width="80" align="right" valign="middle"><span class="text3">Lykilor&eth;</span>&nbsp;</td>
                                    <td width="170" align="left"><input name="password" type="password" size="30"></td>
                                    </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td align="right"><input class=top name=login type=image src="images/innskraning.png" alt="Innskr&aacute;ning" width="123" height="26" border="0">
                                    <input type=hidden name=login value="Log In >>">
                                    <input type=hidden name=suid value=>
                                    <input type=hidden name=a value=account>
                                    <input type=hidden name=pid value="">
                                    <script language=JavaScript>doc_onLoad1();</script>                            </td>
                              </tr>
                            </form>
							
                      <a href="pr.php?a=signup&">N&yacute;skr&aacute;ning</a> <a href="index.php?a=remind&">Gleymt lykilor&eth;?</a></article>
                        <article class="col-1 block2">
                          <img src="images/img2_megaphone.png" alt="Verkkaupar" />
                          <p>Vantar &thorn;ig fagmann til a&eth; vinna verk fyrir &thorn;ig, heima hj&aacute; &thorn;&eacute;r e&eth;a &aacute; vinnusta&eth;num?<br>
                            <strong>&THORN;a&eth; kostar ekkert a&eth; augl&yacute;sa verk!</strong></p>
							<script language=JavaScript> 
		function setCookie2(name, value, minutes) {
			if (minutes) { now = new Date(); now.setTime(now.getTime() + minutes*60*1000); }
			var curCookie = name + "=" + escape(value) + ((minutes) ? "; expires=" + now.toGMTString() : "");
			document.cookie = curCookie;
		}
 
		function getCookie2(name) {
			var prefix = name + "=";
			var cStartIdx = document.cookie.indexOf(prefix);
			if (cStartIdx == -1) return '';
			var cEndIdx = document.cookie.indexOf(";", cStartIdx+prefix.length);
			if (cEndIdx == -1) cEndIdx = document.cookie.length;
			return unescape( document.cookie.substring(cStartIdx + prefix.length, cEndIdx) );
		}
 
		function doc_onLoad2() {
			if (getCookie2('c_userwm')) {
				form2.username.value = getCookie2('c_userwm'); forml.password.focus();
			}else{
				form2.username.focus();
			}
		}
 
		function doc_onSubmit2() {
			setCookie('c_userwm', forml.username.value, 30*24*60);
		}
</script>

							
							<form class="search" method=post name=form2 action="wm.php?a=account&brand=&" onSubmit="doc_onSubmit2();">
                              <tr>
                                <td><table width="280" border="0" cellpadding="0" cellspacing="4">
                                    <tr>
									<td width="30">&nbsp;</td>
									 <td width="80" align="right" valign="middle"><span class="text3">Notandi</span>&nbsp;</td>
                                     <td width="170" align="left"><input name="username2" type="text" id="username" size="30"></td>
                                    </tr>
                                    <tr>
									<td width="30">&nbsp;</td>
									 <td width="80" align="right" valign="middle"><span class="text3">Lykilor&eth;</span>&nbsp;</td>
                                 <td align="left"><input name="password" type="password" size="30"></td>
                                    </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td align="right"><input class=top name=login type=image src="images/innskraning.png" alt="Innskr&aacute;ning" width="123" height="26" border="0">
                                    <input type=hidden name=login value="Log In >>">
                                    <input type=hidden name=suid value=>
                                    <input type=hidden name=a value=account>
                                    <input type=hidden name=pid value="">
                                    <script language=JavaScript>doc_onLoad1();</script>                       </td>
                              </tr>
                            </form>
							
						  <a href="wm.php?a=signup&">N&yacute;skr&aacute;ning</a> <a href="index.php?a=remind&">Gleymt lykilor&eth;?</a></article>
                          
                        <article class="col-1 block"><img src="images/img3_mappa.png" alt="Verkefni" />
                            <p>&Iacute;  verkefnam&ouml;ppunni s&eacute;r&eth;u   verkin flokku&eth; &iacute; a&eth;gengilegan lista.<br>
                          </p>
                          <a href="home.php">Opna m&ouml;ppuna</a> </article>
                      </div>
                    </div>
                  </div>
                </div>
	          </div>
		      <div class="wrapper divider">
                <div class="indent1">
                  <article class="col-2">
                    <div class="bottombanner">
					<!-- AUGLÝSINGAKERFI BEGINS-->
<script src="http://auglysingar.handtak.is/adserve/;ID=159795;size=270x400;setID=138997;type=js;tP=1" type="text/javascript">
</script>
<noscript>
<a href="http://auglysingar.handtak.is/go2/;ID=159795;size=270x400;setID=138997">
<img src="http://auglysingar.handtak.is/adserve/;ID=159795;size=270x400;setID=138997;type=img;tP=1" border="0" height="400" width="270" alt=""></a>
</noscript>
<!-- AUGLÝSINGAKERFI ENDS  -->
					</div>
                  </article>
                  <article class="col-3">
                    <ul class="tabs">
                      <li class="first"><a href="#tab1"><strong>Forgangsverk </strong></a></li>
                      <li><a href="#tab2"><strong>N&yacute;justu verkin </strong></a></li>
                      <li><a href="#tab3"><strong>Leita &iacute; verkum</strong></a></li>
                      <li class="last"><a href="#tab4"><strong>&THORN;j&oacute;nustuflokkar </strong></a></li>
                    </ul>
                    <div class="tab_container">
					
					<div id="tab1" class="tab_content">
										<img src="images/page1-img1.png" alt="" class="img-indent"/>
										<h3>Forgangsverk</h3>
										<p class="text1 top4">&nbsp;</p>
					  </div>
									<div id="tab2" class="tab_content">
										<img src="images/page1-img2.png" alt="" class="img-indent"/>
										<h3>N&yacute;justu verkin</h3>
										<p class="text1 top4">
Lorem ipsum dolor sit amet, consec tetuer adipiscing elit raesent vestibulum mus. Nulla dui. <span class="color1">Fusce feugiat malesuada</span> odio. Morbi nunc odio,<br>gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies</p>
									</div>
									<div id="tab3" class="tab_content">
										<img src="images/page1-img3.png" alt="" class="img-indent"/>
										<h3>Leita a&eth; verki</h3>
						                <p>
						   Hér getur þú á einfaldan og fljótlegan hátt slegið inn leitarorð til að finna einstök verkefni...
						   <form id="SearchForm" method=get action="index.php">
						   
						  					<select name="type" id="type">
						   							<option value="Any">Öll</option>
                                                        <option value="Open">Opin</option>
                                                        <option value="Frozen">Í bið</option>
                                                        <option value="Close">Lokuð</option>
                                             </select>
													  
													<label><input name="keywords" class="input" type="text" id="keywords2"></label><input type=image src="images/button.png">
													<input type=hidden name=myExp value="">
													<input type=hidden name=dbsystem value="0">
													<input type=hidden name=opsystem value="0">
													<input type=hidden name=suid value="">
													<input type=hidden name=a value="search">																																																				
													<input type=hidden name=pid value="">	
						   </form>
						   </p>
									</div>
									<div id="tab4" class="tab_content">
										<img src="images/page1-img4.png" alt="" class="img-indent"/>
										<h3>&THORN;j&oacute;nustuflokkar</h3>
										<p class="text1 top4">&nbsp;</p>
                 				 </div>
								</div>
							</article>
                </div>
	          </div>
	        </div>
		  </section>
		  <!-- footer -->
			<footer>
				<div class="wrapper">
					<p><strong>Handtak.is &copy; 2003</strong> 
					<!-- <a href="index-5.html">Privacy Policy</a><span>Support Center</span></p>  -->
					<div class="social">
						<a href="#"><img src="images/social-img-1.jpg" alt="Handtak.is á Facebook" /></a>
	<!--					<a href="#"><img src="images/social-img-2.jpg" alt="" /></a>
						<a href="#"><img src="images/social-img-3.jpg" alt="" /></a>
						<a href="#"><img src="images/social-img-4.jpg" alt="" /></a>
						<a href="#"><img src="images/social-img-5.jpg" alt="" /></a>
						<a href="#"><img src="images/social-img-6.jpg" alt="" /></a>  -->
					</div>
				</div>
				<!-- {%FOOTER_LINK} -->
			</footer>
		</div>
	</div> 
 <!--  <script type="text/javascript"> Cufon.now(); </script>    -->
</body>
</html>


-- CSS -------------------------------------------
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background: url(../images/body-bg.gif) top center no-repeat #d8d8d8; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:21px;
	color:#464646;
	min-width:1000px;
}
html, body { height:100%;}

p {padding-top:21px;}

.top {padding-top: 4px;}
.top_1 {padding-top: 11px !important;}
.top1 {padding-top: 16px;}
.top2 {padding-top: 21px;}
.top3 {padding-top: 25px;}
.top4 {padding-top: 27px;}
.top5 {padding-top: 18px;}

.bot {padding-bottom: 45px;}
.bot1 {padding-bottom: 38px;}
.bot2 {padding-bottom: 32px;}
.bot3 {padding-bottom: 8px;}

.margin-top {margin-top: 13px;}

a {
	color:#464646; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	width: 948px;
}

}
	/* Header */
	header{
		height:192px;
	}
	
	/* Content */
	section#content {
		
	}		
	section#sub-page-content {
		width: 948px;
	}	
	/* Footer */
	footer{
		height:135px;
	}
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3, .col-4, .col-5 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container {
	width:100%;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-indent1 { 
	margin:0 25px 0 0; 
	float:left;
}

.img {padding-top: 6px}

.extra-wrap { 
	overflow:hidden;
}
.phone {
	display:inline-block;
	width:88px;
	vertical-align: baseline;
}

.topAd {
	padding:4px 10px 4px 0px;
	position:relative;
	float:right;
}
/*================AD BANNERS =====*/
.topbanner a {
		display:block;
		height:100px;
		width:300px;
		margin-right: 10px;
		background:#CCCCCC;
		}


.turninn a{
	display:block;
	position:fixed;
	top:25px;
	width:150px;
	height:600px;
	margin-left: 970px;
	background:#CCCCCC;
}

.bottombanner a {
		display:block;
		margin-top: 10px;
		margin-left: -8px;
		margin-bottom: 10px;
		height:400px;
		width:270px;
		background:#CCCCCC;		
	}

.midbanner a {
		display:block;
		height:150px;
		width:635px;
		margin-right: 10px;
		background:#CCCCCC;
		}
/*=============================================================================== text =====*/
h1 {
	padding:17px 0 10px 25px;
	position:relative;
	float:left;
}
	h1 a {
		display:block;
		height:75px;
		width:320px;
		text-indent:-5000px;
		background:url(../images/logo_handtak.png) left top no-repeat;
	}
		
h2 {
	font-size:30px;
	line-height:1.2em;
	color:#1e1e1e;
	padding:35px 0 8px 0;
	margin:0 0 0 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}
h3 {
	font-size: 40px;
	line-height: 1.2em;
	color: #1e1e1e;
	padding: 21px 0 0;
	height: 72px;
}
.strong {padding-bottom: 4px; display: block;}

.text {
	font-size: 18px;
	line-height: 25px;
	color: #464646;
	display: block;
	margin-top: 3px;
}
/*== Text-verk stjórnar Fyrirsögnum í verkyfirliti =====*/	
.text-verk {
	font-size: 24px;
	color: #000000;
	line-height:normal;
}

.text-verk tr td{
	border-bottom:1px;
	border-bottom-color:#FFCC00;
	border-bottom-style:dotted;
	padding-bottom:2px;
	padding-top:2px;
	}

.text1 {
	font-size: 15px;
	line-height: 25px;
	color: #000000;
}

/*== Text-verk stjórnar Fyrirsögnum í verkyfirliti =====*/
.text2 {
	font-size: 13px;
	line-height: 25px;
}
	.text2 a {color: #ffc000;}

.text3 {
	font-size: 11px;
	line-height: 16px;
	font-style:italic;
}
	.text3 a {color: #ffc000;}

/*== Text4 stjórnar Meðalverð, Tegund verks, Skráð og Tilboð berist =====*/	
.text4 {
	font-size: 13px;
	font-weight:bolder;
	text-align:left;
	color:#333333;
	line-height: normal;
}
	.text4 a {
	text-decoration: none;
	line-height: normal;
	}
	.text4 a:hover {
	text-decoration: underline;
	}

.color {color: #ffc000;}
.color1 {color: #a3a3a3;}

.bg-bot {background: url(../images/bg-bot-bg.gif) left bottom repeat-x;}
/*=================================================================================================================== header =====*/
/*=============================================================================== nav =====*/
nav {
	position: relative;
}
	nav ul {
		width:100%;
	}
	nav li {
		float: left;
		font-size: 16px;
		line-height: 1.2em;
		background: url(../images/nav-li-bg.png) 0 0 no-repeat;
		padding-left: 1px;
		width: 188px;
	}
		nav li a {
			display:block;
			text-decoration:none;
			color: #1b1b1b;
		}
			nav a strong {
				display: block;
				background: url(../images/nav-a-bg.png) 0 0 repeat-x;
				text-align: center;
				padding: 14px 0 16px;
			}
				nav a:hover strong, nav .active strong {
					background: url(../images/nav-a-bg-hover.png) 0 0 repeat-x;
				}
	nav .first {background: none;}
		nav .first a {
			padding: 0px 0px 0px 7px;
			background: url(../images/nav-first-strong-bg.png) 0 0 no-repeat;
		}
			nav .first a:hover, nav .first .active {
				background: url(../images/nav-first-strong-bg-hover.png) 0 0 no-repeat;
			}
	nav .last a {
		padding: 0px 10px 0px 0px;
		background: url(../images/nav-last-strong-bg.png) right top no-repeat;
		width: 184px;
	}
		nav .last a:hover, nav .last .active {
			background: url(../images/nav-last-strong-bg-hover.png) right top no-repeat;
		}
.slogan {
	width: 550px;
	height: 260px; 
	text-align: center;
	font-size: 20px;
	line-height: 1.2em;
	color: #111111;
	position: absolute;
	top: 23px;
	right: 33px;
	letter-spacing: -1px;
	z-index:10;
}
	.slogan strong {
		font-size: 93px;
		line-height: 1.2em;
		display: block;
		margin-bottom: 0px;
	}
	.slogan a {
		display: inline-block;
		background: url(../images/slogan-a-bg.gif) 0 0 repeat-x;
		border-radius: 28px;
		-moz-border-radius: 28px;
		-webkit-border-radius: 28px;
		box-shadow: 0 2px 4px #dddddd;
		-moz-box-shadow: 0 2px 4px #dddddd;
		-webkit-box-shadow: 0 2px 4px #dddddd;
		behavior: url(js/PIE.htc);
		position: absolute;
		top: 189px;
		left: 199px;
		text-align: center;
		width: 192px;
		height: 46px;
		color: white;
		text-decoration: none;
		font-size: 30px;
		line-height: 1.2em;
		padding-top: 9px;
	}
		.slogan a:hover {color: #111111;}
/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.indent {padding: 0px 29px 36px 29px}
.indent1 {padding: 0px 0px 36px 29px}

.pad-left-col {padding-left: 29px;}
.pad-left-col2 {padding-left: 4px;}
/*=============================================================================== col-indents =====*/
.col-indent {padding-right: 60px;}
.col-indent1 {padding-right:20px;}
.col-indent2 {padding-right:0px;}
.col-indent3 {padding-right:0px;}
/*=============================================================================== boxes =====*/
.box {
	background: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	behavior: url(js/PIE.htc);
	position: relative;
	border: 1px solid #c8c8c8;
}

.bg {background: url(../images/box-bg.png) 0 0 repeat-x;}

.block-bg {
	background: url(../images/yellow-bg.gif) 0 0 repeat-x #ffdd00;
}

.block2-bg {
	background: url(../images/yellow-bg.gif) 0 0 repeat-x #ffdd00;
}

.block {
	min-height: 259px;
	text-align: center;
	font-size: 14px;
	color: #675302;
	padding-bottom: 10px;
}

.block2 {
	min-height: 259px;
	text-align: center;
	font-size: 14px;
	color: #675302;
	padding-bottom: 10px;
}

	.block img {
		padding-top: 16px;
		text-align: left;
	}
	.block2 img {
		padding-top: 16px;
		text-align: left;
	}
	
	.block p {padding: 0 0 0 0; margin-top: -4px; margin-left: 10px; margin-right: 10px;margin-bottom: 8px;}
	.block2 p {padding: 0 0 0 0; margin-top: -4px; margin-left: 10px; margin-right: 10px;margin-bottom: 8px;}
	
	.block a {
		background: url(../images/block-a-bg.gif) 0 0 repeat-x;
		border-radius: 22px;
		-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
		box-shadow: 0 2px 4px #ddc000;
		-moz-box-shadow: 0 2px 4px #ddc000;
		-webkit-box-shadow: 0 2px 4px #ddc000;
		behavior: url(js/PIE.htc);
		position: relative;
		width: 200px;
		height: 28px;
		display: inline-block;
		color: white;
		text-decoration: none;
		margin-top: 8px;
		font-size: 20px;
		line-height: 1.0em;
		letter-spacing: -1px;
		padding-top: 4px;
	}
	.block2 a {
		color: #333333;
		text-decoration: underline;
		display: inline-block;
		margin-top: 8px;
		font-size: 12px;
		line-height: 1.0em;
		letter-spacing: -1px;
		padding-top: 4px;
	}
		.block a:hover {color: #ffcc00;}
		.block2 a:hover {color: #999999;}
/*=============================================================================== line-hor =====*/

/*=============================================================================== lists =====*/
.list {
	padding-top: 17px;
}
	.list li {
		font-size: 13px;
		line-height: 30px;
		background: url(../images/list-bg.gif) 1px 12px no-repeat;
		padding-left: 16px;
	}
		.list li a {
			color: #ffc000;
		}
	.list .list-bot {padding-bottom: 24px;}
/*=============================================================================== links =====*/
.link {
	background: url(../images/link-bg.gif) 0 0 repeat-x;
	display: inline-block;
	width: 124px;
	height: 25px;
	padding-top: 7px;
	border: 1px solid #cfcfcf;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(js/PIE.htc);
	position: relative;
	font-size: 16px;
	line-height: 1.2em;
	color: #1b1b1b;
	margin-top: 9px;
	text-transform: capitalize;
}
	.link:hover {
		color: #6c6c6c;
	}
.decoration {text-decoration: none;}
.decoration:hover {text-decoration: underline;}
/*=============================================================================== menu =====*/
ul.tabs {
	position: relative;
	padding: 27px 0 23px 0;
	width:100%;
	overflow: hidden;
}

	ul.tabs li {
		float: left;
		font-size: 16px;
		line-height: 1.2em;
		background: url(../images/nav-li-bg.png) 0 0 no-repeat;
		padding-left: 1px;
		width: 148px;
	}
		ul.tabs li a {
			display:block;
			text-decoration:none;
			color: #1b1b1b;
		}
			ul.tabs a strong {
				display: block;
				background: url(../images/nav-a-bg.png) 0 0 repeat-x;
				text-align: center;
				padding: 14px 0 16px;
			}
				ul.tabs a:hover strong, ul.tabs .active strong {
					background: url(../images/nav-a-bg-hover.png) 0 0 repeat-x;
				}
	ul.tabs .first {background: none;}
		ul.tabs .first a {
			padding: 0px 0px 0px 7px;
			background: url(../images/nav-first-strong-bg.png) 0 0 no-repeat;
		}
			ul.tabs .first a:hover, ul.tabs .first.active a {
				background: url(../images/nav-first-strong-bg-hover.png) 0 0 no-repeat;
			}
	ul.tabs .last a {
		padding: 0px 10px 0px 0px;
		background: url(../images/nav-last-strong-bg.png) right top no-repeat;
		width: 142px;
	}
		ul.tabs .last a:hover, ul.tabs .last.active a {
			background: url(../images/nav-last-strong-bg-hover.png) right top no-repeat;
		}
.tab_content {width: 100%; overflow: hidden;}
/*=============================================================================== contact =====*/
.contact {
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	color: #464646;
}
	.contact span {
		display: inline-block;
		width: 149px;
		vertical-align:baseline;
	}
	.contact a {
		float: right;
		margin-right: 12px;
	}
/*=============================================================================== images =====*/
.images {
	width: 569px;
	overflow:hidden;
	padding: 31px 0 16px 1px;
}
/*=================================================================================================================== footer =====*/
footer p {
	float: left;
	font-size: 14px;
	line-height: 21px;
	color: #8f8f8f;
	padding: 40px 0 0 7px;
}
	footer strong {
		font-weight: normal;
		color: #1e1e1e;
		padding-right: 4px;
	}
	footer p a {
		text-decoration: none;
		color: #8f8f8f;
	}
	footer p span {
		display: block;
	}
		footer p a:hover {text-decoration: underline;}
/*=============================================================================== social =====*/
.social {
	float: right;
	padding: 40px 10px 0 0;
}
	.social img {
		float: left;
		margin-right: 9px;
	}
/*------------------------------------------------------------------------------------------------------------------- forms -----*/
#SearchForm {
	padding: 15px 0px 0px 0;
	margin-right: -1px;
	width: 234px;
	float: left;
}
	#SearchForm label {
		display: inline-block;
		vertical-align: top;
		background: url(../images/search-label-bg.png) 0 0 no-repeat;
	}
	#SearchForm input {
		vertical-align: top;
		border: none;
		background: none;
		text-transform: lowercase;
	}
	#SearchForm .input {
		width: 181px; 
		padding: 10px 0px 12px 10px;
		border: none;
		font-size: 13px; 
		line-height: 1.2307em; 
		color: #626262;
	}

#ContactForm {
	padding-top:27px;
}
	#ContactForm .column1 {
		float:left;
		width:276px;
		margin-right: 19px;
	}
	#ContactForm .column2 {
		float:left;
		width:276px;
	}
	#ContactForm label {
		height: 32px; 
		display: block;
		background: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		behavior: url(js/PIE.htc);
		position: relative;
		border: 1px solid #cdcdcd;
		margin-bottom: 25px;
	}
	#ContactForm a {
		color:#1b1b1b;
		text-decoration:none;
		text-align:center;
		height:26px;
		width: 97px;
		padding-top:5px;
		margin-top:7px;	
		behavior: url(js/PIE.htc);
		position: relative;
		margin:34px 2px 0 0px;
		background: url(../images/link-bg.gif) 0 0 repeat-x;
		display: inline-block;
		border: 1px solid #cfcfcf;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 2px 2px 3px #d7d7d7;
		-moz-box-shadow: 2px 2px 3px #d7d7d7;
		-webkit-box-shadow: 2px 2px 3px #d7d7d7;
		font-size: 16px;
		line-height: 1.2em;
	}
		#ContactForm a:hover {color: #6c6c6c;}
	#ContactForm em {display: inline-block; margin-left: 6px;}
	#ContactForm input {
		width:234px; 
		background: none; 
		border: none;
		padding:7px 0px;
		margin: 0 20px;
		color:#464646;
	}
	#ContactForm textarea {
		width:253px; 
		height:136px;
		background: none; 
		border: none;
		padding:7px 0px; 
		margin: 0 0 0 20px;
		overflow:auto; 
		color:#464646; 
	}
	#ContactForm span {
		height: 150px; 
		display: block;
		background: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		behavior: url(js/PIE.htc);
		position: relative;
		border: 1px solid #cdcdcd;
	}
/*==========================================*/
#faded {
	position:relative; 
	overflow:hidden;
	width:980px; 
	height:300px;
}
.sliders li {
	width: 100%;
}
a { outline:0; border:0; }

	ul.pagination {
		list-style:none;
		padding:0;
		margin:0;
		z-index:10;
		position:absolute;
		font-size:0; 
		line-height:0;
		top:270px;
		right:60px;
		width: 93px;
	}
		ul.pagination li {
			float:left;
			padding:0 0px 0 0;
		}
			ul.pagination li a {
				display:block;
				width:31px;
				height:31px;
				background:url(../images/faded-pagination-bg.png) left top no-repeat;
				color:#fff;
				font-size:0;
				text-align:center;
				line-height:0;
				text-decoration:none;
			}
			ul.pagination li a:hover {
				background:url(../images/faded-pagination-bg-hover.png) left top no-repeat;
			}
			ul.pagination li.current a {
				background:url(../images/faded-pagination-bg-active.png) left top no-repeat;
				color:#ffb520;
			}

Open in new window

Screenshot of the duplicated images
0
vignisson
Asked:
vignisson
  • 3
  • 2
1 Solution
 
jonahzonaCommented:
Is there anyway to get a password to view the site? Debugging is much faster in a live environment.
0
 
vignissonAuthor Commented:
Sure thing!

guest
guest123
0
 
jonahzonaCommented:
On your .block IMG selector, change it from padding-top: 16px to margin-top: 16px;

See if that does what you need.
0
 
jonahzonaCommented:
the same thing with the .block2 IMG
0
 
vignissonAuthor Commented:
Thanks for very quick response!
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now