Your XHTML looks validated...
The encoding message you getting is missing of the
Code:
<meta http-equiv="Content-Type" content="text/html; charset=????????" />
Without it, the validator doesn't know what kind of content you have and which type of character is suppost to validate. I'm not so sure about the xml part though...
Another note, turn your Navigation
Code:
FROM:
<div id="nav"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></div>
TO THIS:
<div id="nav">
<ul>
<li class="navindent"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a></li>
<li class="navindent"><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a></li>
<li class="navindent"><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a></li>
<li class="navindent"><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a></li>
<li class="navindent"><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a></li>
<li><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></li>
</ul>
</div>
The reason for this is that navigation or menu is similar to a list of things. So using "list" to display your menu or nav would be proper. Another why I would change is that I see you have the same image (navindent.jpg) after every active nav button. Rather than another image tag, I use css to control navindent.jpg. Its fairly easy. I did this
Code:
.navindent {
padding-right: ??px;
background: url(images/navindent.jpg) no-repeat;
background-position: right;
}