Having a problem with my left vertical navigation bar:

http://www.blossomhouseschool.co.uk/...e/aboutus.html

Link isn't working for me.

A working link would help.

What's wrong with it?? What browser?

You can get rid of the gap above the curved box bottom by removing the bottom margin on the last <a> in the list.

sorry yeah that's what i want! but how do i just change the margin for the last link?
at the moment i have:

#leftcol li a {
text-decoration:none;
width:80%;
margin:0 auto 10px auto;
background:#4e74df;
color:#FFF;
font-size:14px;
line-height:2em;
letter-spacing:0.2em;
display:block;
text-align: center
}

Don't use auto value for margin. You have to specify margin to have a same result in every browser.
As I see you have 'a' and 'b' classes for menu items:

#leftcol li a.a {
    text-decoration:none;
    width:80%;
    margin:0 auto 10px auto;
    background:#4e74df;
    color:#FFF;
    font-size:14px;
    line-height:2em;
    letter-spacing:0.2em;
    display:block;
    text-align: center
}

#leftcol li a.b {
    text-decoration:none;
    width:80%;
    margin:0px auto;
    background:#4e74df;
    color:#FFF;
    font-size:14px;
    line-height:2em;
    letter-spacing:0.2em;
    display:block;
    text-align: center
}

In 'b' case auto value specified for top and bottom. I guess this is reason of your troubles.

0px auto is what i used to center my links, it seems to work now anyway! thanks everyone.