Hallo,
zwischen dem roten und dem grünen Bereich ist ein Pixel abstand, den rufst du hervor durch:
border-right:1px solid #ffffff;
Wenn du in "das rote div" nun noch ein float:left; einfügst, dann wird "das gelbe div" auch daneben angezeigt.
Gruß,
Johannes