Hi,

I am having problems using unitpngfix for ie6 as it is giving unexpected results. Please see the following page: http://www.johnhathway.co.uk/kw/logo_test.html

This page appears fine in other browsers - the large KW .png logo (on the left) should align, horizontally with the bottom of the large picture (on the right). In ie6 it moves to the top of the page, obscured by the other content.

To try and get to the bottom of the problem, I copied and pasted all the html and css, div by div, line by line into a new document. Everything is OK until the last thing I do, which is paste the <!--[if lt IE 7]>.... code in the head.

Does anyone have any suggestions please - I could easily replace the large KW png logo for a jpg equivalent, but this wouldn't solve the problem completely.

Thanks in anticipation of your replies!

Code:
<!--[if lt IE 7]>
        		<script type="text/javascript" src="js/unitpngfix.js"></script>
	<![endif]-->

<style>

body {margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; background: #151515; color: #ffffff;}

#contentwrap {width:948px; margin:0 auto;}

#header {height:32px; width:100%; background-image:url(images/header_bg.gif); background-repeat:repeat-x;}


#leftContent {
	float:left;
	width:475px;
	height:650px;
	background-image:url(images/k-w.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-right:18px;
	text-align: left;
}

#main {float:left; width:455px; padding:0px; display:inline;}

#logoContent {
	width:455px;
	height:79px;
	background-image:url(images/logo_bg.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
	text-align: left;
}

#logo {width:212px; height:77px; background-image:url(images/kw_logo.jpg); background-repeat:no-repeat; background-position:left;}

.navmenu {
	width:250px;
	padding-top:15px;
	text-align: left;
}

* html .navmenu{ /*IE only rule. Original menu width minus all left/right paddings */width: 164px;}

.navmenu ul {padding:0; margin:0; list-style-type:none; text-align:left;}

.navmenu li {margin-top:10px;}

.navmenu .top {margin:0;}

.navmenu a {background:#595959; font: 16px Georgia; padding:3px; display:inline; color:#FFFFFF; text-align:left; text-decoration:none;}

.navmenu a:visited {color:#FFFFFF;}

html>body .navmenu a{ /*Non IE rule*/width:auto;}

.navmenu a:hover {background-color:#000000; color:#FFFFFF; border-bottom-width:thin; border-bottom-style:dotted; border-bottom-color:#FFFFFF;}

#footer {clear:both; width:100%; background-image:url(images/footer_bg.gif); background-repeat:repeat-x;}

#footer p {margin:0; padding:15px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; color:#999999; text-align:center;}

</style>