Header links off center

That looks great – how did you get those three links to appear in your header like that?

The header links need to shift down a little to be even with the black border. I haven’t been able to figure it out. Is there a way that can be done?

Code:
#header ul li{
display:block;
float:left;
width:266px;
height:100px;
}
#header ul li a{
display:block;
position:relative;
width:266px;
height:100px;
background-image:url(images/header_links.png);
background-repeat:no-repeat;
}
#header ul li a strong{
display:none;
}
#header ul li a span.hover{
display:block;
position:absolute;
width:266px;
height:100px;
background-image:url(images/header_links.png);
background-repeat:no-repeat;
}
#go_download a{
background-position:0 0;
}
#go_download a .hover{
background-position:0 -100px;
}
#go_learn{
padding:0 1px;
}
#go_learn a{
background-position:-267px 0;
}
#go_learn a .hover{
background-position:-267px -100px;
}
#go_talk a{
background-position:-534px 0;
}
#go_talk a .hover{
background-position:-534px -100px;
}

in this CSS element:

#header {

Try changing padding-top property from 220px to this:

padding-top:260px;

Your amazing!! Thank you!!

You are welcome!