CSS Hack IE6 Problem with header h1 also page links

My site: http://nickhiebert.com/test_site


#header h1 {
line-height: 13px;
}


Anyone know how to make it move down so it aligns right with the nav bar?

I can't seem to figure out how to move the nav links so they are centered in the nav bar.


#secondary {
margin-left: 10px;
}

#secondary a {
margin-bottom: -80px;
}

Hello nickHiebert,
Floats are how we put things side by side. Floating your h1 should work better than using a negative margin on #nav.
Try this - html {
background:url(../images/background.png) scroll;
}


/* HEADER */
/*----------------------------------------------------------------------------------------------------------*/

#header {
position: relative;
overflow: auto;
background: #f00;
}

#header h1 {
padding-top: 0;
width: 304px;
float: left;
margin-top: 18px;
margin-bottom: 2px;
padding-bottom: 0;
}

img {
border-style: none;
}
/* NAV */
/*----------------------------------------------------------------------------------------------------------*/

#nav {
background:url(../images/nav_bg.png) repeat-x;
overflow: hidden;
height: 93px;
margin-right: 0;
margin-left: 0;
padding: 0 0 0 31px;
}