brandy: border problem (IE / firefox)

Beitrag lesen

hi,

folgendes problem:

ich hab 2 div-bereiche nebeneinander in einem anderen div drinnen

übergeordneter div: 780px breit
linker div: 355px breit
rechter div: 425px breit

bis jetzt passts noch, aber ich brauche ganz rechts einen border von 1px.

=> im firefox rutscht mir der rechte div nach unten (sind also nicht mehr nebeneinander) - im IE passt es noch immer

wenn ich jetzt den übergeordneten bereich um 1px breiter mache passt es im Firefox, im IE ist 1px platz zwischen den beiden div-tags...

was kann ich da machen?
border-collapse:collapse; bringt nichts...

hier noch der code:

<html>
<head>
<style type="text/css">
<!--
#subnaviGlobal {
background-color:yellow;
width:780px;
height:25px;
margin:0px;
padding:0px;
border-right:1px solid black;
}

#subnaviImage {
background-color:red;
width:355px;
height:25px;
float:left;
margin:0px;
padding:0px;
}

#subnavi {
  background-color:blue;
width:425px;
height:25px;
margin:0px;
padding:0px;
float:right;

}

-->
</style>
</head>

<body>

<div id="subnaviGlobal">

<div id="subnaviImage">
image
</div>

<div id="subnavi">
subnavi
</div>

</div>

</body>
</html>

bitte um hilfestellung! - thx & lg