[HTML][CSS]123 Opcje

[--czuwaj--]

Witam mój problem polega na tym, że potrzebyję uzyskać taki efekt
(IMG:http://s4.ifotos.pl/mini/123png_xwnsarq.png)
kod css wygląda następująca

[XML] pobierz, plaintext 
#left{
float:left; width: 700px; background: #bbb; clear: both; position:static; 
}
#right{
float:right; width: 300px; background: #ddd;
}
#topka{
float:left;
}
[XML] pobierz, plaintext 

ja potrzebyję przyciąć te dwa carne paski na górze i dole przy pomocy css "clip" kod wtedy wygląda następująco

[XML] pobierz, plaintext 
#left{
float:left; width: 700px; background: #bbb; clear: both;  
}
#right{
float:right; width: 300px; background: #ddd;
}
#topka{
position:absolute; 
clip:rect(46px,480px,314px,0px);
}
[XML] pobierz, plaintext 

i w tym momencie pojawia się mój problem obrazek ładnie się kadruje tylko znajduje sie poza divem
(IMG:http://s6.ifotos.pl/mini/321png_xwnsaep.png)
jak rozwwązać ten problem? jeśli nie zrozumiałeś o co mi dokładnie chodzi to pisz postaram się jeszcze bardziej szczegółowo to opisać