Please help me fix css for 2 blogs - display incorrect on IE6

Hi,

My friend asked me to help him fix his 2 blogs. Both of them display incorrect in IE6. Right nav bar has been put down under. I tried to change CSS but it still error. Please help

Absorbing The World

CSS

/*  
Theme Name: MistyLook
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.
Version: 3.2
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
	padding: 0; 
	margin:0;
}
p {
	margin: 0.7em 0;
	line-height:1.6em;
}
dl {
	margin:1em 0;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em;
	padding:0;
}
img 
{
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border:0;
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;	
}
img.right {
	float: right;
	margin:10px 0 0 10px;		
}
img.left {
	float: left; 
	margin:0 10px 10px 0;	
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	border:none;
	background:none;
	padding:none;
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;		
}
a:link img, a:visited img 
{
	border-bottom:1px dashed;
}
a:hover img, a:active img 
{
	border-bottom:1px solid;
}
.wp-smiley, #wpstats {
	background: none;
	border: 0;
	padding: 0;
}
.clear {
	clear:both;
	height:20px;
}
blockquote
{
	color:#666;
	margin: 1em;
	padding: 0 0 10px 50px;
	background: url(img/blockquote.gif) no-repeat left top;	
}
fieldset 
{
	border:0;
}
body 
{
	background: #333333;
	margin: 0; 
	font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
	color: #333; 
	text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
	color: #265e15;	
}
a:hover, a:active {
	border-bottom:#963 1px solid;
}
h1, h2, h3, h4, h5, h6 
{
	font-family:Georgia, Verdana, Arial, Serif;
}

#container {
	border: #ccc 1px solid; 
	background: #fff; 
	margin: 0 auto; 
	width: 780px; 	
	position: relative; 
	text-align: left;
}
#navigation {
	background: transparent; 
	margin: 20px auto 0; 
	overflow: hidden; 
	width: 760px; 
	position: relative; 
	text-align: left;
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
}
 html #navigation {
	height: 1%;
}
#navigation ul li {
	float: left; 
	margin: 0 5px 0 0; 
	list-style-type: none;
}
#navigation ul li a {
	border: #dedede 1px solid; 
	border-bottom:none;
	padding: 2px 10px; 
	display: block; 
	font-weight:bold;
	color:#666;		
	text-decoration: none;
	background:#ededed;
	letter-spacing:0px;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
	background: #fff;
	color: #333;	
	border: #ccc 1px solid; 
	border-bottom:none;		
}
#navigation ul li.search {
	font-size: 0.9em; 
	right: 0; 
	position: absolute; 
	top: 0;
}
#navigation ul li.search input#searchsubmit {
	border: #999 1px solid; 
	font-size: 0.9em; 
	background: #ddd; 
	margin: 0 0 0 2px; 
	color: #265e15; 
	padding: 2px; 		
}
#header {
	clear: both; 
	float: left; 
	margin: 10px 5px; 
	width: 450px;
}
#header h1 
{
	font-size:1.8em;
	margin:10px 0 0 10px;
	font-variant:small-caps;
	letter-spacing:0px;
}
#header h1 a {
	
	text-decoration:none;	
	border:0;
}
#header h2 {
	margin-top: 0px;
	font-size:1em;
	font-weight:normal;
	font-family:Tahoma, Verdana, Arial, Serif;
	letter-spacing:0px;
}
#feedarea {
	padding:10px 10px 0 0; 
	float: right; 	
	text-align: right;
}
html #feedarea {
	padding-top: 10px;
}
#feedarea dl dt {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
}
#feedarea dl dd {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
	background:url(img/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#headerimage {
	clear: both; 
	background: #fff url(img/misty.jpg) no-repeat 0 0;
	margin: 10px; 
	color: #fff; 
	height: 200px;
}
 html #headerimage {
	margin-top: 0;
}
#content {
	margin: 10px 10px 10px 30px; 	
}
 html #content {
	height: 1%;
}
#content h3 {
	font-size: 1.4em; 
	font-weight:normal;
	margin: 1em 0 0;
	color: #265e15;	
}
#content h4 {
	font-size: 1.1em; 
	margin: 1em 0 0 0;
}
#content h5 {
	font-size: 1em; 
	margin: 1em 0;
}
#content-main ul 
{
    margin:0 1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
	margin:0;
	padding:2em;
	border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
	float: left; 
	width: 520px; 
	margin-right: 20px;
}
 html #section-index #content-main {
	margin-right: 20px;
}
#content .post 
{
	padding:0 0 2em 0;
	border-bottom:#ddd 1px dashed;
}
#content h2 
{
	font-size: 1.5em; 
	margin: 1em 0 0;	
	font-weight:normal;
	line-height:1.4em;	
	letter-spacing:0px;
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .post-info , #content .postmetadata
{
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}
#content .post-info, 
#content h2.pagetitle 
{
	background:url(img/underline1.jpg) no-repeat left bottom;
	padding-bottom:15px;	
}
#sidebar {
	float: left; 
	width: 200px;
	font-size:0.9em;
}
#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li 
{
	margin-bottom:5px;
}
#sidebar ul ul
{
	list-style:none;
	margin:0.5em 0 0 1em;
}
#sidebar ul ul ul
{
	margin:0 0 0 1em;
}
li.sidebox {
	padding:10px;
	background: url(img/sideheadtop.gif) #ededed no-repeat left top; 
	margin-bottom: 10px; 
	margin-top: 0px;
}
html li.sidebox {
	padding-bottom: 10px;
}
li.sidebox h2 {
	font-weight: normal; 
	font-size: 1.4em; 
	text-align: left;
	color: #242;	
	font-variant:small-caps;
	letter-spacing:0px;
}
li#sidelinks ul
{
	margin:0;
	padding:0;
}
#sidebar li.sidebox p img {
	margin:0;
	padding:3px;
	border:#ccc 1px solid;
	background:none;
}

#footer {
	clear: both; 	
	background: transparent; 
	margin: 0 auto; 
	width: 760px; 	
	text-align: left;
}
 html #footer {
	height: 1%;
}
#footer p {
	float: left; 
	width: 50%; 
	line-height: 1.2em;
}
#footer p.right {
	float: right; 
	margin: 1em 0; 
	width: 50%; 
	text-align: right;
	font-size: 0.9em; 
	color:#999;
}
#comments, #respond{
	margin: 0;
	padding:1em 0 0 0;
}
#commentform 
{
	margin:10px 0;	
	padding:10px;
	background:#f9fcfc;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}
#container .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}
.commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 1em 0.5em;	
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	
}
.commentlist li.alt 
{
    background:#f9f9f9;    
}
.commentlist li.authorcomment 
{
    border:#fc9 1px solid;
}
.commentlist li .cmtinfo 
{
	font-size:1em;		
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#content .commentsfeed 
{
	background:url(img/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#content .trackback 
{
	background:url(img/link.gif) no-repeat left center;
	padding-left:20px;
}
input.textbox, textarea
{
	border:#ccc 1px solid;
	background:#fff url(img/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
textarea{
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}
input.textbox:focus, textarea:focus
{
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}
#submit 
{
	padding:3px 5px;
}
.post h4 
{
	font-size:1em;
	font-weight:normal;
	font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

Code (markup):

View from Office
CSS

/*
	Theme Name: Light
	Theme URI: http://vaguedream.com/wordpress-themes/
	Description: A theme created by <a href="http://vaguedream.com" target="_blank">Stephen Reinhardt</a>. Supports <a href="http://automattic.com/code/widgets/" target="_blank">Widgets</a>.
	Version: 1.0	
	Author: Stephen Reinhardt
	Author URI: http://vaguedream.com/
*/
* {
margin:0;
padding:0;
}

body {
background-color:#e5e5e5;
background-image:url(images/wrap.gif);
background-position:center;
background-repeat:repeat-y;
color:#697C83;
font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;
font-size:small;
font-weight:400;
text-align:left;
margin:0;
padding:0;
}

body,html,ul {
color:#697C83;
margin:0;
padding:0;
}

.utw {
text-transform:lowercase;
}

#wrap {
overflow:hidden;
padding-left:10px;
padding-right:10px;
position:relative;
width:770px;
margin:0 auto;
}

#header {
background-image:url(images/top.gif);
background-position:top;
background-repeat:repeat-x;
height:145px;
margin:0;
padding:0;
}

#adsense {
padding:0 0 10px;
}

#logo {
height:100px;
width:770px;
margin:0 auto;
}

#blogname {
height:30px;
padding-left:22px;
padding-top:28px;
text-align:left;
}

h1#blogname a {
color:#FFF;
font-size:36px;
font-weight:400;
}

.description {
color:#CAE972;
font-size:10pt;
font-style:italic;
font-weight:400;
height:24px;
padding-right:20px;
text-align:right;
margin-bottom:15px;
}

#content {
color:#656565;
display:inline;
float:left;
font-size:100%;
line-height:1.6em;
text-align:left;
width:500px;
margin:15px 0 0 20px;
padding:5px 0 15px;
}

#sidebar {
display:inline;
float:right;
line-height:1.5em;
padding-top:5px;
width:200px;
margin:5px 20px 20px 0;
}

#footer {
background-image:url(images/top.gif);
background-position:bottom;
background-repeat:repeat-x;
clear:both;
height:60px;
padding-bottom:10px;
padding-top:25px;
text-align:center;
width:770px;
margin:0 auto;
}

h2 {
font-size:150%;
}

h4 {
font-size:130%;
}

ol#commentlist {
list-style:none;
margin:15px 0 0;
padding:0;
}

.commentname {
color:#4b5ba2;
}

.commentname a {
color:#333;
font:bold 110% "Trebuchet MS", "Lucida Grande", verdana, helvetica, arial, sans-serif;
text-decoration:underline;
}

.commenttext {
background:#E9FFCE url(images/comm.png) no-repeat left top;
min-height:90px;
}

* html .commenttext {
height:90px;
overflow:visible;
}

.commentp {
padding:20px 12px 10px 10px;
}

.commenttext p {
margin:0 0 10px;
padding:0;
}

#commentblock ol li {
margin-bottom:30px;
}

#commentblock {
margin-left:4px;
}

.gravatar {
background:url(images/grav.png) no-repeat;
display:inline;
float:left;
height:32px;
width:32px;
margin:20px 0 0 10px;
padding:8px;
}

#commentsform p {
margin-bottom:5px;
margin-top:5px;
}

a img {
border:0;
}

h3.entrytitle,h3 {
color:#5CA605;
display:block;
font-size:170%;
font-weight:400;
line-height:100%;
margin:0;
}

h3.entrytitle a,h3.entrytitle a:visited,h3 a {
color:#5CA605;
font-weight:400;
text-decoration:none;
text-transform:capitalize;
}

454545
h3.entrytitle a:hover,h3 a:hover {
text-decoration:underline;
}

.entry {
margin-bottom:25px;
margin-top:0;
padding-bottom:25px;
padding-left:2px;
}

.entrybody img {
border:1px solid #e5e5e5;
}

.entrybody {
background-image:url(images/postbg.jpg);
background-position:top left;
background-repeat:repeat-y;
margin:0;
padding:5px 5px 10px 10px;
}

.entrybody p {
margin-bottom:15px;
text-align:left;
}

code {
background-color:#eee;
border:1px solid #CCC;
padding:5px;
}

.entrymeta {
color:#656565;
font-weight:400;
margin-bottom:5px;
margin-top:3px;
}

h2.archives {
background-color:#FFC;
color:#999;
font-style:italic;
margin-bottom:25px;
text-align:center;
}

.entrymeta-single {
color:#333;
margin-bottom:20px;
margin-top:3px;
}

#sidebar ul#feed {
list-style:none;
margin:15px 0;
padding:0;
}

#sidebar ul#feed li {
padding-bottom:3px;
padding-top:3px;
}

#sidebar ul#feed li a {
background:url(images/feed-icon-16x16.png) no-repeat left 50%;
padding-left:25px;
border-style:none;
}

.entrybody ul,.entrybody ol {
margin-bottom:10px;
margin-left:30px;
margin-top:10px;
}

.entrybody li {
padding-bottom:2px;
padding-top:2px;
}

#sidebar h2 {
border-bottom:1px solid #eee;
color:#454545;
font-size:18px;
font-weight:400;
letter-spacing:0;
line-height:12px;
text-transform:capitalize;
margin:0;
padding:0;
}

#sidebar h2 a {
color:#454545;
}

.sidebarbg {
background-color:#eee;
padding:3px;
}

.scrobblersmall {
color:#ccc;
font-size:11px;
font-style:italic;
}

#sidebar p {
margin-bottom:10px;
margin-top:10px;
}

#sidebar ul {
list-style:none;
margin:5px 0;
padding:10px 0;
}

#sidebar ul li a {
color:#999;
text-decoration:none !important;
margin:0;
}

#sidebar ul li a:hover {
background:#F5FBFF;
color:#516F86;
}

#searchdiv {
font-weight:700;
margin-bottom:25px;
margin-top:15px;
padding:0;
}

.adwrap,.adwrapwide,.adwrap-lu,.adwrapbutton {
background:#fff;
border-color:#d5d7d0;
border-style:solid;
border-width:1px 0;
margin:0 0 1em;
padding:4px 0;
}

.adwrap object {
height:280px;
width:336px;
}

.adwrapwide iframe,.adwrapwide object {
height:65px;
width:468px;
}

.adwrap-lu {
float:right;
width:180px;
margin:0 0 1em 1em;
}

.adwrap-lu object {
height:90px;
width:180px;
}

.adwrapbutton iframe,.adwrapbutton object {
height:150px;
width:180px;
}

table {
margin:10px;
}

td,th {
font-weight:400;
padding:3px;
}

.navigation {
clear:both;
height:24px;
width:729px;
margin:0 auto;
}

.navigation a:link,.navigation a:visited {
background:#FFF url(images/active1.gif) left bottom no-repeat;
color:#787878;
height:24px;
margin-right:2px;
padding-left:12px;
text-decoration:none;
}

.navigation a:link,.navigation a:link span,.navigation a:visited,.navigation a:visited span {
cursor:pointer;
display:block;
float:left;
}

.navigation li {
line-height:23px;
float:left;
list-style:none;
margin:0;
}

.navigation a:hover {
background:url(images/active1.gif) left bottom no-repeat;
color:#253C4E;
height:24px;
padding-left:12px;
text-decoration:none;
}

.current_page_item a:link,.current_page_item a:visited {
background:#FFF url(images/current1.gif) left bottom no-repeat;
color:#AAC8E0;
height:27px;
line-height:24px;
margin-right:2px;
padding-left:15px;
text-decoration:none;
}

.current_page_item a:hover {
background:#FFF url(images/current1.gif) left bottom no-repeat;
color:#AAC8E0;
height:27px;
margin-right:2px;
padding-left:15px;
text-decoration:none;
}

.navigation ul {
list-style:none;
margin:0;
padding:0;
}

blockquote {
border-left:2px solid #CADAE7;
color:#999;
font-style:italic;
padding-left:8px;
margin:0 25px;
}

h1,h2,h3,h4,#comments {
font-weight:400;
}

h3,#commentblock h2 {
font-size:140%;
}

.entrybody a:link,.entrybody a:visited {
color:#707070;
font-weight:400;
text-decoration:underline;
}

.entrybody a:active,.entrybody a:hover {
color:#707070;
font-weight:400;
text-decoration:none;
}

a,a:visited,a:hover {
color:#697C83;
text-decoration:none;
}

.navigation a:link span,.navigation a:visited span,.navigation a:hover span {
background:url(images/active2.gif) right bottom no-repeat;
height:24px;
padding-right:12px;
}

.current_page_item a:link span,.current_page_item a:visited span,.current_page_item a:hover span {
background:url(images/current2.gif) right bottom no-repeat;
height:27px;
padding-right:15px;
}

Code (markup):

 

You must have fixed it. It looks fine in IE6.

 

Not yet, It still error in my IE6 with right navbar. I'm using 1024 x 768 resolution . I tried to decrease width of document at the left side, even expand overall DIV width but it still error.