Saut de ligne étrange / BG qui saute

Logiciel & apps Programmation
1

Voilà j’ai un bug (enfin c’est peut être moi le bug) zarb sous IE vista (j’ai pas d’autre navigateur installé pour comparer toutefois).

J’ai une liste pour faire un menu horizontal, contenue et en dessous la suite de mon contenu dans un div. Ces deux éléments eux mêmes sont regroupés dans un autre div (bien que le retirer ne change rien so far).

#nav{
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
#nav li{
  float:left;
  width:150px;
  margin-right:1px;
  color:#fff;
  background:url(imgs/tab_bg.png) left top no-repeat;
}
#nav li a{
  display:block;

  color:#fff;
  line-height:1em;
  padding:4px 0;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
}
#nav li a:hover, #nav li a:focus, #nav li a:active{
  background:url(imgs/tab_bg_over.png);
  text-decoration:none;
}

#sector{
  margin:0;
  padding:0;
  background:#979797 url(imgs/bg_grad.png) left top repeat-x;
  border:1px solid #666;
  
}

Si je laisse le border:1px solid #666; à mon div sector ca affiche ca :

http://nsa01.casimages.com/img/2008/04/18/mini_0804180524412995421.png

Si je le retire j’ai ce trou qui se forme :

http://nsa01.casimages.com/img/2008/04/18/mini_0804180524592995423.png

WTF ? Les éléments de bloc devraient pas se suivre de façon classique et banale dans ce genre de cas ?
Edité le 18/04/2008 à 17:26

2

Pense à faire un clear: both sur #sector à tout hasard.

3

J’ai collé un overflow hidden sur sector et on dirait que ca fonctionne mieux :

<div id="main">
<ul id="main">
  <li>...</li>
  <li>...</li>
  <li>...</li>
</ul>
<div id="sector">
<p>blablablabla</p>
<p>blablablabla</p>
</div>
</div>
4

RAAA !

Bon alors celle là est vicieuse…

Mon dégradé est nickel, c’est #A0A0A0 la couleur “finale” (le gris du bas). si je mets #A0A0A0 comme BG color pour le reste de mon div, et ben j’ai un écart de couleur !

sous IE la démarcation est clairement visible ! on dirait que IE vista me fait un rendu étrange de mon fichier PNG ! il est pas de la bonne couleur ! c’est du 5B5B5B sous IE vista, alors que sous fox j’ai bien le A0A0A0A attendu quand je fais des screens pour comparer sous toshop…

5

ok je crois que j’ai trouvé: c’est paint dot net qui fait de la merde… j’ai recompressé sous gimp et là ca fait plus d’écarts entre IE et FX. encore un logiciel qui doit faire des conneries avec l’algo du PNG ^^