Problème affichage IE6

Bonjour à tous,
cela plusieurs heures que j'essaye de m'aligner sur IE6 et malgrès 1000 tentatives impossible d'y arriver

voici le problème:

[URL=https://imageshack.com/][IMG]http://img408.imageshack.us/img408/1533/ie6g.jpg[/IMG][/URL]

comme vous pouvez le voir j'ai ma div #navbar plus grande sur IE6

voici mon code:

HTML

<link rel="stylesheet" type="text/css" href="homecss.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="homeie6.css" />
<![endif]-->
</head>
<body>
<div id="global">
<div id="index_up">

<a href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="anglais_up.jpg" alt="anglais"/></a>

<a href= "http://baignoires.canalblog.com" class="police" border="0" > <img class="border" src="francais_up.jpg" alt="francais"/></a>

</div>
</div>

<div id="container">

<div id="topbar">
<img src="../bannierehome.jpg" alt="Banniere de la page d'accueil" />
</div>

<div id="navbar">

<a href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>

<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>

<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>

<a class="rapproch" href= "http://baignoires.canalblog.com" class="police" > <img class="border" src="bouton3.jpg" onmouseover="this.src='boutonhistoire.jpg';" onmouseout="this.src='bouton3.jpg';" alt="francais"/></a>

</div>

CSS:

body{
background-image:url(../fond12.jpg);
}

#global{
width:960px;
margin:0 auto;
padding-bottom:20px;
}

#index_up{
width:57px;
float:right;
height:15px;

}

#container{
width:960px;
margin:0 auto;
border: 3px;
border-color: #081720;
border-style: solid;

}

#topbar{
width:auto;
display:block;
height:137px;

}

#navbar{
width:auto;
display:block;
height:40px;
border-color: #081720;
border-style :solid;
border-left :none;
border-right:none;
background-color:red;

}

.rapproch{
margin-left:-4px;
}

CSS IE6

#index_up{
margin-bottom:-40px;
}

#topbar{
margin-left:1px;
}

#navbar{
border: 3px;
background-color:red;
}