Hi,
I'm not quite sure what you are asking. If you wanted menu to match the height of the photo exactly then you should have used a min-height that matches the photo height and then ensure that the nav items are contained within that height.
If you are looking to vertically align the nav no matter what the height of the nav or the image then you could do something like this.
Code:
#header img {
border: 2px solid #000000;
display: inline-block;
float: none;
vertical-align: middle;
}
#nav {
background: #D2B48C;
border: 2px solid #000000;
display: inline-block;
float: none;
list-style: none outside none;
margin: 0;
padding: 0;
vertical-align: middle;
width: 176px;
}
* html #nav{display:inline}
*+html #nav{display:inline}
Bookmarks