Hi all

After using tables for years, I've finally found the time to tackle
using only CSS. It's finally gotten through my mental block how the
various styles are implemented and I've made two or three successful
attempts at using floats to align some menu items. However, now that
I've tried to move what I've learned to a page which has to be built
in a specific way I've run into a problem which I can't figure out
because it's not consistent over the 4 (Mac) browsers I've previewed
it in (I'm afraid to try PC browsers!).

I'm using GoLive CS at present. When I switch from Layout view to
Preview, the first 4 menu items display perfectly but the 5th goes
down below the 4 and aligns under the 1st one. However, in all 4
browsers, all 5 items are on the same line. This is good - I can at
least feel confident that browsers won't display the items on 2 lines.

My problem is that in the 4 browsers I've tried (Safari, OmniWeb,
Firefox and Opera) the lines are all positioned differently, both in
relation to the left side of the background graphic and also in
relation to the bottom of the vertical line in the graphic (I'd like
the words to have their baseline at the bottom of the vertical line
and the left side aligned with the green QE above.)

Opera has the vertical alignment at least close to the bottom of the
vertical line but pushes the words farthest to the left. Safari has
the words much too high and too far to the right. Firefox and Omniweb
display almost identically, with the words only a little bit left of
where they should be but still much too high.

Would someone please be so kind as to take a look to see what I need
to tweak to get this to work properly. I've been changing margins and
padding, etc. for over 2 hours and just can't get it right.

The page is at http://workspace.xcitingideas.ca/index-testcss.html.
Thanks!

--

Take care
Helen


--
This list is a free service of LassoSoft: http://www.LassoSoft.com/
Search the list archives: http://www.ListSearch.com/GoLive/Browse/
Manage your subscription: http://www.ListSearch.com/GoLive/