navigational display problems

Hey
I'm coding up my design for my school's student website into CSS as I originally coded the layout using tables (my bad :mad: ). All seems well generally, but I can't get the dam navigation to position where I want - I've tried aligning them etc etc, all to no avail..

Here's the original: http://www.students-voice.co.uk

Here's the new one: http://www.students-voice.co.uk/cssttc/

See what I mean? - the left navigation seems to be buggered up and not positioned properly. Also, the divider image (divider.gif) starts away from the left edge of the #DocumentSideLeft div, when it is the same width as that div. I haven't really played with the margins or padding, which I think is the cause.

I've currently got a class on the divider.gif file as I'm trying to position that properly before I get the text sorted.

The design is a bit light at the mo, but I'm gonna change it so it's easier on the eyes:)

btw, if it's something easy to spot kick me:D

Cheers,

Jamie.

Actually, sorry for that :o

I applied:



* {
margin: 0;
padding: 0;
}

which Ollie (chilipie) told me to do eariler, but I didn't - and it fixed it.
meh, that'll teach me to listen more in the future:D

Jamie.