CSS Menu Styling: Can you help?

[Sikwondo]

Hi Peeps,

I am trying to set some navigation up a certain way using CSS and am a bit stuck.

The current look is here:

http://www.simonbailey.co.uk/trial/trial.html

As you can see, I am after the nav text to have a block above it, and to change colour on hover (which it is doing).

However, the effect I wanted to achieve was for the block above the text to line up flush with the text (it is currently a few pixels to the left) and for the block to be a little higher then it is to add some more space between the text and the block. I have tried messing about with padding, but am stuck

Thought I would come ask the experts.

Can anyone please help me with this? Any advice would be greatly appreciated.

Thank you

Simon

[Sorccu]

You have whitespace before the text.

<a href="#">
NEW SECTION</a>

Get rid of it and it should be fine.

As for the second issue, just give <a> a little padding-top.

[DaveWoods]

Also you need Doctype

[Sikwondo]

Thank you guys All solved

Reason there was no Doctype was I mocked that up in a text editor just to use as an example.

[Stormrider]

ah, but leaving out a doctype can affect these things, you have to be careful :P

[Sikwondo]

ah, but leaving out a doctype can affect these things, you have to be careful :P

I wasn't aware of that... thank you