Can somebody tell me why the header is not aligned with the body and the footer? I'm no HTML expert, so please tell me specifically what I should change. Thanks in advance!

http://www.cafepress.com/queerrepublic

It is not aligned to the center.
Change your css line from
#shopheader {height:171px;width:832px;background-image:url('http://rhondafreshwater.com/cp/header.gif');background-repeat:no-repeat;}

to

#shopheader {align:center;height:171px;width:832px;background-image:url('http://rhondafreshwater.com/cp/header.gif');background-repeat:no-repeat;}

and see if that works. (added align:center

Deo Vindice:

Thank you for the advice! I inserted that, but it's still not working. I am perplexed.

#shopbody {position:relative;display:block;width:800px;align:center;margin:0px 18px 20px 18px;}

your picture is 832 px, so try changing this to 832 also. The same for footer a few lines below.

Thanks again!

That's not working, either. =( I have tried everything I can think of.

The header seems to be centered ... it's the body and footer that are a little off. Does "position:relative" have anything to do with it?

I really don't care if anything is centered as long as it all lines up. LOL

That shopheader div is out of the table. Move the code. change the beginning of the table to this, adding the stuff in surrounded by ---- (but don't put the dashes)

<div id="shopbody">
		<table width="832" cellspacing="0" cellpadding="0" border="0" align="center">

		----<tr><td colspan="2"><div id="shopheader"></div></td></tr>----

<tr valign="top"><td id="cpleftnav" width="191">
			<div class="navheadline">Browse Products</div>

I tested this and it works for sure. pm me if you have more questions

This message has been edited. Last edited by: Deo Vindice,

That worked!!! Thanks a million!