Border verlauf bei zwei divs

[7bf]

Hallo,

habe folgendes Problem. Ich habe zwei divs. Div-1 enthält den Content und Div-2 soll oben rechts positioniert werden, um später ein paar Button und Infos zu enthalten. Das klappt auch ganz gut, allerdings habe ich ein Problem mit dem Verlauf des Rahmens. Der Rahmen soll lediglich Div-1 umfassen, d.h. er soll um Div-2 einen Bogen machen.

div#main1 {
  margin-left:10%;
  margin-right:10%;
  border:1px solid black;
}

div#navigation {
   float:right;
   height:50px;
   width:250px;

border-top:none;
   border-right:none;
   border-left:1px solid black;
   border-bottom:1px solid black;
}

habe das ganze mal, gezeichnet, die beiden roten Rahmen sollen weg

http://yfrog.com/miborderproblemj

das Problem ist, dass der Rahmen des ersten Divs auch im Bereich des zweiten Divs durchgezogen wird.
Kann mich jemand in die richtige Richtung schubsen?

[shn]

Servus,

Kann mich jemand in die richtige Richtung schubsen?

Schubs doch die Navigation über den Rahmen ;)

Gruss
Patrick

[7bf]

natürlich, an das - bei den Pixelangaben habe ich gar nicht mehr gedacht.

margin-top:-1px;
 margin-right:-1px;

danke dir.

Servus,

Kann mich jemand in die richtige Richtung schubsen?
Schubs doch die Navigation über den Rahmen ;)

Gruss
Patrick