有问题的页面位于以下地址：
如您所见，图像与导航菜单的顶部对齐，但如果我将文本放入链接中，则文本将成为导航菜单的高度并与底部对齐。我不知道这是怎么回事。
这是一些CSS，其余的你可以查看我给你的链接的页面源代码。
body, html { background: #e6f3f7; text-align: center; height: 100%; font-face:Verdana, Geneva, sans-serif; }
#page_wrapper {
background: url(images/bg_slice.jpg) repeat-x #e6f3f7;
}
.page {
margin:0 auto;
width: 1000px;
overflow: hidden;
padding-bottom: 35px;
}
#page {
background: url(images/header.jpg) no-repeat #e6f3f7;
overflow: hidden;
}
#nav {
height: 55px;
margin-top: 150px;
list-style: none;
}
#nav li{
display: inline;
}
#nav li img {
margin:0 10px;
}
#nav li a {
font-size: 24px;
margin-left: 10px;
margin-right: 10px;
margin-top:0px;
color: #fff;
}
#nav li.current a {
}
#nav li a:hover {
}
span {
font-family: Myriad Pro;
font-weight: bold;
margin-top:0;
}
h1 { margin: 35px;
color:#022c4d;
}
p { margin-left:35px;
color:#6492a3;}
#content {
margin: 150px auto;
}
#column1 {
float:left;
width:650px;
background: url(images/content_bg.png);
height:650px;
text-align:left;
}
#column2 {
float:left;
width:277px;
margin-left:50px;
}