My question is simple. See on my website: www.cdkeyheaven.com, there is like a orange border aroudn that image concerning the 3rd year anniversary. What exactly should I change or add in my css sheet or html code to remove that orange border. Isnt there a simple html code to put before the image to remove any style for the following argument? Please help me!
ok so ive added that code in the css and I still have the same problem. Im gonan copy/paste my .css file in here. body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; text-align:center; background:#ccc url(images/gbyrepeat.jpg) repeat-y center; } .wrapper{ width:800px; margin:0 auto; background:#fff; border-right:3px solid #ededed; border-left:3px solid #ededed; } .navbg { background:url(images/navbg_02.gif) repeat-x; width:100%; height:54px; border-bottom:2px solid #fff; } #navcontainer ul { margin:0px; padding-top: 0px; list-style-type: none; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; padding-top:19px; padding-bottom:22px; display:block; width:100%; } #navcontainer ul li { display: inline; } #navcontainer ul li a { text-decoration: none; font-size: 12px; font-weight:bold; padding-right: 10px; padding-top:19px; padding-bottom:21px; padding-left: 10px; color:#fff; width: 100%; border-right:thin #333 solid; border-left:thin #333 solid; } #navcontainer ul li a:hover { color:#EDEDED; background:url(images/navhover_02.gif) repeat-x top; font-size: 12px; font-weight:bold; text-decoration:none; margin-top:8px; width: 100%; height:28px; } body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } a img {border: none;} .bannerontop{ background:url(images/bannerontop.png) no-repeat center; height:96px; padding-top:35px; text-align:center; } .content{ width:100%; padding-top:10px; padding-bottom:10px; } .leftcolumn{ width:273px; padding-left:9px; padding-bottom:20px; background: #F1F1F1; float:left; text-align:left; } .rightcolumn{ width:503px; float:right; text-align:left; } h2{ background:url(images/leftcolumnheader_21.gif) center no-repeat; font-weight:bold; text-align:center; font-size:11px; color:#fff; margin:0; padding-top:14px; padding-bottom:14px; } .clear{ width: 100%; height: 1px; margin: 0 0 -1px; clear: both; } .navvy { width: 90%; margin-left:5%; font-size: 11px; padding-bottom:10px; padding-top:5px; text-align: center; } ul.navvylist { text-align: left; list-style: none; padding: 0; margin: 0; width: 100%; } ul.navvylist li { display: block; margin: 0; padding: 0; } ul.navvylist li a { display: block; width: 90%; font-weight:normal; margin:0; color: #000; background:url(images/leftnav.jpg) repeat-x #ededed; border:bottom:1px solid #ededed; text-decoration: none; PADDING-LEFT:10PX; padding-top:7px; padding-bottom:7px; } .navvy>ul#navvylist li a { width: auto; } ul.navvylist li#active a { background: #F1F1F1; color: #2A508A; } ul.navvylist li a:hover, ul#navvylist li#active a:hover { color: #000; font-weight:bold; background: #fff; } h3{ font-size:17px; color:#C86326; font-weight:bold; text-align:center; margin:0; width:100%; border-bottom:1px solid #ededed; } .info{ padding-top:5px; padding-bottom:5px; background:url(images/inforepeat_25.gif) repeat-y left; padding-left:20px; margin:0; color:#666; font-size:10px; margin-bottom:5px; } .maincontevt{ padding-left:5px; padding-right:5px; } a:link { color: #C86326; text-decoration: none; } a:visited { color: #C86326; text-decoration: none; } a:hover { color: #DEA27D; text-decoration: none; } a:active { color: #C86326; text-decoration: none; } a { font-weight: bold; } a img {border: none;} .footer{ width:100%; background:url(images/navbg_02.gif) repeat-x; padding-top:20px; position:relative; padding-bottom:20px; clear:both; text-align:center; color:#fff; } .footer a:link{ color:#fff; font-size:11px; } .footer a:visited{ color:#fff; font-size:11px; } .footer a:hover{ color:#CCC; font-size:11px; } Code (markup):