Problème résolution IE

Bonjour j'ai un div qui s'affiche au bonne endroit en résolution 1280 mais qui s'affiche mal en 1024*800 et 800*600.
En faite il est en haut en 1280 mais dans les autres résolutions il descent en dessous d'un autre div.
Je vous montre le code.
Code:

1 2 3 4 5 6 <div id="news"> </div> <div id="speedbar"> </div>
LE CSS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 #news { background-image: url(";images/news.png"); width:689px; height:427px; float:left; } #speedbar { background-image: url(";images/navig_rapide.png"); width:523px; height:31px; margin-left:689px; margin-top:-13px; }
Le problème vient du fait que les deux width ensemble font plus de 1024 pixel de large et plus de 800.
DOnc c'est pour cela que sa fait un bug mais je ne sais pas comment le corriger.
En fait c'est deux div doivent tout simplement être côte à côte et pas un en dessous de l'autre , comment faire ? Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#news {
    background-image: url(";images/news.png");
    width:689px;
    height:427px;
    float:left;
}
#speedbar {
    position: relative;
    background-image: url(";images/navig_rapide.png");
    width:523px;
    height:31px;
    margin-left:689px;
    margin-top:-13px;
}

RE

Merci :)