CSS-P wandering in IE

I'm not a coder, I'm that most deadly of creatures: a jack-of-all-tradesman who
handles the web site because nobody else does. I appreciate your patience in
advance.

I need to get the finished site up in a matter of a few days, so what's going
up is an unholy marriage of table-based layouts and CSS-P. I'm using a
Dreamweaver template; following advice I gleaned on the Adobe boards, I've
inserted AP div tags inside relative div tags to position the Spry nav bar and
the two "legs" of yellow text. This renders fine in Firefox, Netscape and
Opera, but is seriously ginky in IE6.

http://monroelibrary.org/2008/index.html

(If anybody wants to tell me why the nav bar is appearing one or two pixels
below where I intend it, I'll be happy to know, but it's not my biggest problem
at the moment.)

Hi,


the positioning of the menu is due to the following:
#apDiv6 {
position:absolute;
width:733px;
height:25px;
z-index:2;
left: 96px;
top: 17px;
}

and try to replace
<table width="100%" border="0" cellpadding="0" cellspacing="0">
with
<table style="width:900px; margin:0 auto;" border="0" cellpadding="0"
cellspacing="0">

this will fix most of your layout issues in IE.

GL!
Superficial...

Thanks for the assist, Loco!

Your assist with the nav bar was spot on. The width / style change (which I
don't even know what I did there - is that a compliance issue?) has the page
rendering correctly, but it's still the case that my nav bar and "right leg" of
text are rendering way to the right (like, 800 px to the right) of where I want
them.

Thanks for all input. This stuff is beginning to make sense to me, but only as
a result of this troubleshooting process.