background der übergeordneten box wird nicht angezeigt?

[shaqs]

hej, habe folgendes problem:

möchte eine Box erstellen die innen in 2 Boxen unterteilt ist. aber genau noch 1px width bleibt um den hintergrund der "mother"box zu sehen.
so möchte ich eine schwarze linie erzeugen, die genauso lang wie der inhalt der linken contentbox ist.
leider sehe ich die box die für diese schwarze linie verantwortlich sein sollte nicht. sie wird nicht angezeigt. erst wenn ich eine fixe höhe angebe sieht man was. möchte aber dass die linie dynamisch bleibt.
nun was tun?

hier mein versuch:

(ich persönlich glaube dass ich die 2 boxen innen aus dem textfluss mit float herausnehme und die "motherbox" somit ihren background-color nicht anzeigt, aber wie löse ich das problem dann? es muss doch eine lösung geben)

.n_content {
 position:static;
 width:566px;
 margin-left:10px;
 margin-right:10px;
 background-color:#000000;
 }

.n_contentleft {
 float:left;
 width:455px;
 background-color:#FFFFFF;
 }

.n_contentright {
 float:right;
 width:110px;
 background-color:#FFFFFF;
 }

<div class="n_content">
   <span class="n_contentleft">TEST</span>
   <span class="n_contentright">+ Brand Design<br />+ Website<br />+ Movieclip<br />+ Inserate<br />+ Folder</span>
  </div>