deja pour commencer un petit bout de CSS :
 

 
puis un petit bout d'HTML :
 

 
et une petite image :
 

 
 
... et la question est....
 
Comment faire pour que sur FF et ses copines ce soit comme sur IE ??

Salut,
 
essaie de mettre un overflow:auto sur ton #postit...

j'ai essayé.. mais sur IE mac il me met des barres de scrolling ce con !

Tu veut la bordure grise autour du cadre orange ?
 
Il faut que tu mette la div contenant le cadre orange (et donc qui fait la bordure grise) avec une hauteur fixe (heigh)
 
pour  virer les barres de scrool tu peut bidouiller avec overflow-x:hidden et overflow-y:hidden

bah ouai mais je peux pas mettre de hauteur fixe parceque le contenu est variable

Et il n'y a qu'IE Mac qui rajoute les scrollbars ?

bah en essayant hier ouai j'ai l'impression que ya que cette daube d'IE Mac

j'ai essayé les overflow-x:hidden etc etc.. sur IE mac j'ai des grosses barres de scrolling inutiles et abominables !!! en dehors de ça sur tous les autres le overflow:auto; fonctionne.. c chiant !

 
Il est tout à fait normal que FF t'affiche ceci:
 
En plaçant le contenu en float:left, le contenu de celui-ci ne se déroule plus dans le flux normal. Pour le conteneur, il n'y a donc plus de hauteur de contenu. Pour y remédier, si tu n'as pas d'autres infos à l'intérieur du cadre, tu supprimes le float qui ne sert à rien et ton problème disparaîtra.
 
Exemple avec code simplifié:
 

 
 
 
Si tu as plusieurs infos de ce genre à mettre à l'intérieur du cadre (mais vraisemblabement pas puisque tu as mis un id à ton postit_inside et non un class ) et donc que le float s'avère nécessaire, 2 options pour placer l'indispensable clear:both (ou clear:left ou clear:right selon les cas) qui indique au conteneur de s'allonger jusqu'au bas des float:
 
1) Tu indiques au conteneur qu'il doit se clearer en bas; mieux du point de vue définition puisqu'on n'agit que sur le CSS, mais pas sûre de la compatibilité avec IE5 mac:
 

 
hack pour IE si ça ne suffit pas:

 
2) l'ajout d'un <div style="clear:both;"><div> vide en-dessous des float juste avant la fermeture du conteneur
 
Le clear:both pouvant s'appliquer à n'importe quel élément dans le flux normal, se trouvant au dessous des flottants, dans le même container.
 
 
 
 
 

Merci pour toutes tes infos, je connais pas la deuxieme méthode.. je vais tester...  
cela dit je trouve que le <div style="clear:both;"><div> c'est aussi sale qu'un bon <td></td> vide !! bref... passons ce détail !  
 
je viens d'essayer ta méthode en supprimant le float:left...  j'avais un probleme,
 
au départ j'avais ça :
 

 
 
ensuite j'ai rajouté un padding:1px; à mon element postit_inside
et j'obtiens ça :
 

 
si je mets padding:0; j'obtiens ça :
 

 
 
... je trouve pas ça tres logique tout de même... mais j'utilise surement pas la bonne méthode !

 
Clair que le div vide est un pis-allé. Disons que si la première méthode ne fonctionne pas avec IE5 mac et qu'il faut impérativement que ça marche, c'est une solution néanmoins acceptable.
 
Si tu places en haut, de ton css un * {margin :0; padding:0;} tu t'apercevras que ta bande blanche n'apparaît plus. Donc vraisemblablement elle peut provenir d'une règle de marge ou de padding pas défaut du navigateur (toujours faire gaffe aux règlages par défaut, différentes d'un nav à l'autre). Je dois avouer n'avoir pas chercher plus loin à comprendre la logique de ton test...
 
Maintenant de nouveau, plus ta construction est compliquée et plus elle contient d'éléments inutiles, plus tu vas chercher longtemps la source du problème. Le code que je t'ai proposé est nettement plus court pourtant il correspond au résultat escompté, non?

oui on peut dire que c plus efficace.. mais j'ai toujours un *{margin:0; padding:0} au début de ma CSS... et visiblement il aime pas les padding:0;