Trying to figure out some problems in IE 6 and Firefox

[Amanda]

Hi there,

simply.amandadevries.com/index.html

The page validates fine. Yes I know I'm using a table where I
shouldn't but I can't otherwise figure out how to get my little image
for the list items in the div headlines to line up with the
corresponding questions, and with a little space between. If you feel
like answering this, great! Otherwise, read on for the reason for my
post:

1. I want the 'nav' bar to go across the whole page, and for the nav
items to be centred. In Firefox it's floating somewhere in the middle,
but not quite, and not going 100% across. In IE, it's going all the
way across, but the text isn't centred.

I am using a friend's code to get the drop-down menus without
Javascript. So I didn't generate the nav CSS myself, although I've
tuned it for colours, widths, etc...

2. Now please click on "Services->Courses and Services". How do I get
my left col to be the exact same height as whatever my right col turns
out to be? On every page, the left column will have less content, but
I want it to have the same height anyway. I can't seem to get it to be
100% of the height of the container div which it's sitting in - why
not?

Thanks in advance!
Amanda

[JD]

Amanda wrote:

Hi there,

simply.amandadevries.com/index.html

1. I want the 'nav' bar to go across the whole page, and for the nav
items to be centred. In Firefox it's floating somewhere in the middle,
but not quite, and not going 100% across. In IE, it's going all the
way across, but the text isn't centred.

That is the least of your problems. I mean, have you seen the menu in
IE7 or Firefox 2?

In any case, the drop down menu is completely superfluous on that site.
It'll be far better from a technical and usability standpoint to scrap
the menu and just include sub navigation links in each section (as you
do under the services page.