Css validation

hi
any body help me.i m doing css validatiuon (http://validator.w3.org/check} and
Validation Output: error occure i am tried to solve these eerrors help;

character “b” not allowed in prolog

body {
character “b” not allowed in prolog

	background-position: center 0;	

character “f” not allowed in prolog
need help

Those weren’t the errors I were seeing; warnings I saw were on Lines: 58 a typo. regarding FONT=Courier New, (200 and 201 [/FONT]propriety -moz ) and ( 253 missing px unit […]a {margin: 20px 0 0 5px; …)

Were you using the CSS Validator for the HTML, or vise-versa as that could explain those strange messages or you might have some hidden characters in the CSS file effecting things.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1” />
<title>Untitled Document</title>
<link href=“css/style.css” rel=“stylesheet” type=“text/css” />
</head>

<body>
<!–Top_wrrap-strt–>

<div id=“top_wrrap”>
<!–//////////////////Navigation Bar///////////////////–>

<div class=“naviagtin_wrapp”>
<ul id=“links_wrapp1”>
<li><a href=“#”>HOME</a></li>
<li>|</li>
<li><a href=“#”>COMPANY</a></li>
<li>|</li>
<li><a href=“#”> PRODUCTS</a></li>
<li>|</li>
<li><a href=“#”> HAPPENINGS</a></li>
<li>|</li>
<li><a href=“#”> CONTACT</a></li>
</ul>
</div><!–//////////////////Navigation Bar end///////////////////–>
</div><!–Top_wrrap-end–>

<!–Logo-button_container_start–>
<div class=“logo_iconcontainer”>
<div class=“logo_wrrap”><img src=“images/logo.jpg” alt=“logo_image”/></div>

<!–top_rightwrap–>
<div class=“top_rightwrap”>
<!–button_rightwrap–>
<div class=“button_rightwrap”>
<div class=“button_top”><img src=“images/sale_btn.jpg” alt=“” /></div>
<div class=“button_top”><img src=“images/twitr_btn.jpg” alt=“” /></div>
<div class=“button_top”><img src=“images/shop_btn.jpg” alt=“”/></div>
</div><!–button_rightwrap–>
<div class=“naviagtin_wrappmid”>
<ul id=“links_wrapp2”>
<li><a href=“#”>Home page</a></li>
<li>|</li>
<li><a href=“#”>New products</a></li>
<li>|</li>
<li><a href=“#”> Specials</a></li>
<li>|</li>
<li><a href=“#”> All Products</a></li>
<li>|</li>
<li><a href=“#”> Reviews</a></li>
<li>|</li>
<li><a href=“#”> Contact Uss</a></li>
<li>|</li>
<li><a href=“#”> FAQ</a></li>
</ul>
</div>

</div><!–top_rightwrap–>
</div><!–Logo-button_container_start–>

<!–Mid_Headr–>
<div class=“mid_headrwrrap”>
<div class=“mid_headerimage”><img src=“images/islamic_dress_headr.jpg” alt=“”/></div>
</div><!–endMid_Headr–>

<!–main_body–>
<div class=“main_bodywrrap”>
<div class=“top”></div>
<div class=“midbody”>
<!–content_containerwrrap–>
<div class=“content_containerwrrap”>

			&lt;!--left_container--&gt;
			&lt;div class="left_container"&gt;
			&lt;div class="round_wrrap"&gt;
			&lt;div class="topleft"&gt;&lt;div class="heading"&gt;Catagories&lt;/div&gt;&lt;/div&gt;
			&lt;div class="midleft"&gt;
			&lt;div class="sidebar"&gt;
							&lt;ul&gt;
							&lt;li&gt;
							&lt;ul&gt;
							&lt;li&gt;&lt;a href="#"&gt;Womens Abayas (95)&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Jilbabs-&gt; (22)&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Dresses-&gt; (134)&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Womens Shirts (49)&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Skirts (30)&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Womens Suits&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Womens Jackets (2)&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;&lt;a href="#"&gt;Hijabs-&gt; (67)&lt;/a&gt;&lt;/li&gt;
							&lt;/ul&gt;
							&lt;/li&gt;
							
							&lt;/ul&gt;
	&lt;/div&gt;
	&lt;!-- end #sidebar --&gt;
			&lt;/div&gt;
			&lt;div class="bottomleft"&gt;&lt;/div&gt;
			&lt;/div&gt;&lt;!--round_wrrap--&gt;
			
			&lt;div class="round_wrrap"&gt;
			&lt;div class="topleft"&gt;&lt;div class="heading"&gt;New Collection&lt;/div&gt;&lt;/div&gt;
			&lt;div class="midleft"&gt;
			&lt;div class="sidebar"&gt;
							&lt;p&gt;&lt;img src="images/islamic_dress_31.jpg"  alt=""/&gt;&lt;/p&gt;
							&lt;div class="button_wrap"&gt;&lt;a href="#"&gt;&lt;img src="images/view_more.jpg" alt="" width="154" height="27" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;
	&lt;!-- end #sidebar --&gt;
			&lt;/div&gt;
			&lt;div class="bottomleft"&gt;&lt;/div&gt;
			&lt;/div&gt;&lt;!--round_wrrap--&gt;
			&lt;/div&gt;&lt;!--left_container--&gt;

<div class=“product_maincontainer”>
<div class=“heading”>Our Products</div>

	&lt;!--Products--&gt;
	&lt;div class="product_contentwrap"&gt;
	&lt;div class="produt_roundwrap"&gt;&lt;img src="images/islamic_dress_29.jpg" alt="" width="87" height="239" /&gt;&lt;/div&gt;
	&lt;h2 class="title"&gt;Welcome to Guarantee&lt;/h2&gt;
	&lt;div class="entry"&gt;
	Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
	&lt;/div&gt;
	&lt;h2 class="price"&gt;$88.9&lt;/h2&gt;
	&lt;div class="button_detail"&gt;&lt;a href="#"&gt;&lt;img src="images/detail.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;&lt;!--product_contentwrap--&gt;
	
	
	
	&lt;!--Products--&gt;
	&lt;div class="product_contentwrap"&gt;
	&lt;div class="produt_roundwrap"&gt;&lt;img src="images/islamic_dress_33.jpg" alt="" width="89" height="239" /&gt;&lt;/div&gt;
	&lt;h2 class="title"&gt;Welcome to Guarantee&lt;/h2&gt;
	&lt;div class="entry"&gt;
	Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
	&lt;/div&gt;
	&lt;h2 class="price"&gt;$88.9&lt;/h2&gt;
	&lt;div class="button_detail"&gt;&lt;a href="#"&gt;&lt;img src="images/detail.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;&lt;!--product_contentwrap--&gt;
	
	
	
	
	
	
	&lt;!--Products--&gt;
	&lt;div class="product_contentwrap"&gt;
	&lt;div class="produt_roundwrap"&gt;&lt;img src="images/islamic_dress_57.jpg" alt="" width="157" height="189" /&gt;&lt;/div&gt;
	&lt;h2 class="title"&gt;Welcome to Guarantee&lt;/h2&gt;
	&lt;div class="entry"&gt;
	Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
	&lt;/div&gt;
	&lt;h2 class="price"&gt;$88.9&lt;/h2&gt;
	&lt;div class="button_detail"&gt;&lt;a href="#"&gt;&lt;img src="images/detail.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;&lt;!--product_contentwrap--&gt;
	
	
	
	&lt;!--Products--&gt;
	&lt;div class="product_contentwrap"&gt;
	&lt;div class="produt_roundwrap"&gt;&lt;img src="images/islamic_dress_54.jpg" alt="" width="131" height="212" /&gt;&lt;/div&gt;
	&lt;h2 class="title"&gt;Welcome to Guarantee&lt;/h2&gt;
	&lt;div class="entry"&gt;
	Praesent risus orci, pretium semper, sagittis sit amet, scelerisque ac, velit. Quisque viverra tortor non lacus. Pellentesque quis ligula. In laoreet arcu ut velit. Sed ...
	&lt;/div&gt;
	&lt;h2 class="price"&gt;$88.9&lt;/h2&gt;
	&lt;div class="button_detail"&gt;&lt;a href="#"&gt;&lt;img src="images/detail.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;&lt;!--product_contentwrap--&gt;

</div><!–product_maincontainer–>
<div class=“right_container”>
<div class=“right_top”><img src=“images/islamic_dress_23.jpg” alt=“” /></div>
<div align=“center”><img src=“images/islamic_dress_32.jpg” alt=“” /></div>
</div><!–right_container–>

</div><!–content_containerwrrap–>

</div><!–midbody–>
<div class=“bottom”></div>
</div><!–main_bodywrrap–>

<!–footr–>
<div class=“top_footr”>
<div id=“footerContent”>
<div class=“footerCol”>
<div class=“fotLnksBlk” style=“margin-left: 0px;”>
<h6>Sitemap</h6>
<a href=“#”>Information Technology</a><a href=“#”>Telecommunication/ISP</a><a href=“#”>Banking/Financial Services</a><a href=“#”>Fast Moving Consumer Goods (FMCG)</a><a href=“#”>Pharmaceuticals/Clinical Research</a></div>
</div>
<div class=“footerCol”>

  &lt;div class="fotLnksBlk" style="margin-left: 0px;"&gt;
    &lt;h6&gt;Products&lt;/h6&gt;
  &lt;a href="#"&gt;Bachelor's Degree&lt;/a&gt;&lt;a href="#"&gt;Master's Degree&lt;/a&gt;&lt;a href="#"&gt;Professional &lt;/a&gt;&lt;a href="#"&gt;Doctorate&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;div class="footerCol"&gt;
 
  &lt;div class="fotLnksBlk" style="margin-left: 0px;"&gt;
    &lt;h6&gt;Designers &lt;/h6&gt;
    &lt;a href="#"&gt;Temporary/Contract/Project&lt;/a&gt;&lt;a href="#"&gt;Full Time&lt;/a&gt;&lt;a href="#"&gt;Part Time&lt;/a&gt;&lt;a href="#"&gt;Permanent&lt;/a&gt;&lt;a href="#"&gt;Placement Student&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
&lt;div class="footerCol noBord"&gt;
 
  &lt;div class="fotLnksBlk" style="margin-left: 0px;"&gt;
    &lt;h6&gt; Additional Information&lt;/h6&gt;
  &lt;a href="#"&gt;London&lt;/a&gt;&lt;a href="#"&gt;Midlands&lt;/a&gt;&lt;a href="#"&gt;North West&lt;/a&gt;&lt;a href="#"&gt;South East/Southern&lt;/a&gt;&lt;a href="#"&gt;South West&lt;/a&gt;&lt;/div&gt;
      &lt;/div&gt;
&lt;div id="copyright"&gt;&#169; 2009. All Rights Reserved. &lt;a href="#"&gt;Site Map&lt;/a&gt; &lt;a href="#"&gt;Privacy Policy&lt;/a&gt;&lt;/div&gt;

</div>

</div>

<div class=“validity_check”>
<p>
<a href=“http://validator.w3.org/check?uri=referer”><img
src=“http://www.w3.org/Icons/valid-xhtml10
alt=“Valid XHTML 1.0 Transitional” height=“31” width=“88” /></a>
</p></div>
</body>
</html>

Show us your:

  1. html code
  2. css code
  3. doctype
    so that we can help.

ralph.m

thanks a lot .
really very thankful for reply.

css code.

/* CSS Document */
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 11px;
color: #000;
background:url(…/images/images.jpg) no-repeat;
background-repeat: no-repeat;
background-position: center 0;
background-color:#3c3c3c;

}

h2{padding:0px ; margin:0px; font-size:14px;}
h6{font-size:12px; padding:0px;}

img{border:none;}

#top_wrrap{width:100%; height:53px; border-bottom:1px solid #4c4a4a; background-color:#000000;}

.naviagtin_wrapp
{
width:957px;
height:53px;
margin:auto;

}

#links_wrapp1 {
width:auto;
float: left;
margin: 0 0 0em 0;
padding: 0;
list-style: none;

}
#links_wrapp1 li {
float: left; padding-top:10px;}
#links_wrapp1 li a {
display: block;
padding: 0px 10px;
text-decoration: none;
/* font-weight: bold;*/
font-size:12px;
color: #fff;
font-family:Arial;
}
#links_wrapp1 li a:hover {
color: #02b8e5;
}
#links_wrapp1 li a: #active {
color: #02b8e5;
}

.logo_iconcontainer{width:957px; height:160px; margin:auto;}

.logo_wrrap{width:auto; height:auto; margin:8px 0px 0px 0px; float:left;}

.top_rightwrap{width:822px; height:auto; float:right; }

.button_rightwrap{width:236px; height:auto; float:right; }

.button_top{width:72px; height:115px; float:left; margin:0px 6px 0px 0px}

.naviagtin_wrappmid
{
width:650px;
height:33px;
float:right;

}

#links_wrapp2 {
width:650px;
float: right;
margin: 0 0 0em 0;
padding: 0;
list-style: none;

}
#links_wrapp2 li {
float: left; padding-top:10px; color:#FFFFFF}
#links_wrapp2 li a {
display: block;
padding: 0px 16px;
text-decoration: none;
font-weight: bold;
font-size:12px;
color: #fff;
font-family:Arial;
}
#links_wrapp2 li a:hover {
color: #e6e6e6;
}

.mid_headrwrrap{background:url(…/images/islamic_dress_headrbg.jpg) no-repeat; margin:auto; width:957px; height:317px; }
.mid_headerimage{width:auto; height:auto; padding:2px 2px 2px 3px;}

.main_bodywrrap{width:957px; height:auto; margin:auto; margin-top:8px; overflow:hidden;}
.main_bodywrrap .top{background:url(…/images/white_topround.jpg) no-repeat; height:10px; font-size:5px;}

.main_bodywrrap .midbody{background:#FFFFFF; height:auto; color:#000000; overflow:hidden;}
.main_bodywrrap .bottom{background:url(…/images/white_roundbtm.jpg) no-repeat; height:11px;}

.content_containerwrrap{width:936px; height:auto; margin:auto; overflow:hidden;}

/Left**/

.left_container{width:205px; height:auto; float:left; }

.round_wrrap{width:204px; height:auto; margin-bottom:8px;}
.round_wrrap .topleft{width:203px; background:url(…/images/left_top.jpg) no-repeat; height:44px;}
.round_wrrap .midleft{width:201px; height:auto; border-left:1px solid #dddddd; border-right:1px solid #dddddd; overflow:hidden;}
.round_wrrap .bottomleft{width:203px; background:url(…/images/left_roundbtm.jpg) no-repeat; height:8px;}

.sidebar {
float: left;
width: 203px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

.sidebar li {
margin-bottom: 10px;
padding: 0 0 10px 0px;
}

.sidebar li ul {
margin: 0px 14px;
}

.sidebar li li {
margin: 0;
padding: 12px 0px;
border-bottom: 1px solid #E9E8DD;
background: url(…/images/arrow.jpg) no-repeat left 15px;
}

.sidebar li li a {
padding: 0px 0px 0px 20px;
font-weight: normal;
color: #d32d75;
font-weight:bold;
text-decoration:none;
}

.sidebar li li a:hover {
color: #d8568e;
}

.heading{

padding: 8px 0 2px 14px;
font-size: 18px;
font-weight: normal;
color: #fff;

}

#sidebar p {
line-height: 200%;
text-align:center;
}

.button_wrap{width:auto; text-align:center;}

/mid_product**/

.product_maincontainer{width:501px; height:auto; float:left; margin-left:8px;}

.heading{width:100%; color:#000000; font-family:Arial; font-size:16px; font-weight:bold; padding-bottom:10px;}

.product_contentwrap{width:215px; height:auto; float:left; margin-right:25px; margin-bottom:8px; }

.produt_roundwrap{width:203px; height:auto; -moz-border-radius: 10px;
border-radius: 10px; border:#bfbfbf 1px solid; margin-left:5px; padding:2px 0px 0px 0px; text-align:center; }

.title {

color: #222;
padding:8px 0px 0px 5px;

margin:5px 0px 0px 0px;

}

.entry {
padding:5px 5px 2px 8px;
color:#808080;
font-size:11px;
}

.price{

color: #f90303;
font-size:18px;
padding:8px 0px 0px 8px;
margin:5px 0px 0px 0px;

}

.button_detail{width:auto; text-align:left; margin-left:8px; margin-top:8px;}

/*Right/

.right_container{width:210px; height:auto; float:left; border:1px solid red; margin-left:5px; border:1px solid #dddddd;}

.right_top{width:173px; height:auto; margin:auto;}

.top_footr{width:957px; height:auto; background:url(…/images/bottom_blackround.jpg) bottom no-repeat; margin:auto; margin-top:-10px; background-color:#282727; }

/*********************************************** Footer *******************************************************/

#footerContent {height: 200px; width: 904px; margin: 0 auto}
.footerCol {float: left; height: 130px; width:186px; margin: 10px 0 20px 0; color: #ffffff; font-size:12px; padding: 0 20px; background: transparent url(…/images/blueDot.gif) repeat-y right}
.footerCol h3 {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; padding: 0 0 10px 0; display: none; text-align: left}
.footerCol p {padding: 10px 0 0 0; text-align: left}
.footerCol a {color: #ffffff; text-decoration: underline}
.footerCol img {text-align: left}
.noBord {background: none}
.footerCol a:hover {color: #ffffff; text-decoration: none}
#copyright {padding: 50px 20px 0 0; font-size:12px; color: #fff; text-align: left; clear: both; display: block}
#copyright a {margin: 20 0 0 5px; padding: 0 0 0 5px; color: #fff; text-decoration: underline; border-left: 1px solid #fff; display: inline-block}
#copyright a:hover {text-decoration: none}

.fotBody .fotLnksBlk{ float:left; width:140px; height:170px; padding-right:14px; }
.fotLnksBlk a{ display:block; overflow:hidden; margin-top:1px; font-size:10px; font-family:Verdana; text-decoration:none;}
.fotLnksBlk a:hover{ text-decoration:underline;}

.validity_check{text-align:center;}