CSS Assiatance with Header

I wanted to include the tagling on my header. I followed the directions in the wiki, but am having a problem with positioning.
I changed index.php to:
<div id="header">
<h1>"><?php bloginfo('name'); ?></h1>
<h2><?php bloginfo('description'); ?></h2>
</div>
And made the following changes to wp-layout.css:
#header {
position:relative;
background: url(images/header_darkfire.gif);
margin:0;
padding: 25px 0 0 0;
border-bottom: 2px solid #ffbf00;
height:65px !important;
height /**/: 97px; /* for IE5/Win */
}
#header h1 {
position:relative;
top: -29px;
text-align:center;
font: 35px Georgia, Arial, Serif;
letter-spacing: -1px;
}
#header h2 {
text-align: center;
position: relative;
top: -48px;
font: 14px Georgia, Arial, Serif;
font-weight:bold;
letter-spacing: -1px;
line-height: .1em;
}
It works fine in Firefox, but in MSIE6 it has the text at the very top of the page. The #header is the same as it was originally, it’s simply being used as a div now instead of <h1 id="header"> .
Any tips? I want the Title and Tagling to be centered horizontally and vertically in the header.