le terme exact pour désigner ça s'appelle un design extensible. Le design s'adaptera à tous les écrans, que ce soit celui d'un iphone, d'un 24" ou d'un home cinéma.
Par contre, il faut définir des marges précises, sinon le rendu ne sera pas top.
Pour les bogues d'IE, bah oui il y en a encore beaucoup, les principaux dont tu dois te méfier c'est :
- des propriétés CSS 2 qu'il ne connaît pas (u trouveras ça sur le web) ;
- des sélecteurs (ex: attr), des pseudo-formats (ex: focus) ;
- du calcul des boîtes : rapport contenu/marge interne/bordure, exemple :
si tu mets ce code css :
#menu
{
width: 100px;
padding: 5px;
border: 3px solid red;
}
Pour un navigateur "aux normes" (pour ne citer qu'eux : chrome, mozilla, opéra, safari), tu auras :
menu(100px) + marge interne(5px*2 :de chaque côté) + bordure(3px*2) = 116px
Par contre pour certaines versions d'IE tu auras :
width(100px) - marge interne (5px*2) - bordure (3px*2) = 84px pour width pour le reste, c'est-à-dire 100px de largeur totale incluant deux marges internes de 5px et 2 bordures de chaque côté de 3px chacune : ton espace vide n'aura alors que 84px de large contre 100 pour des navigateurs aux normes.
J'espère avoir éclairci pour les principaux bogues d'IE, dis moi si je n'ai pas été clair. Bon courage pour ton design.