[CSS][HTML] Tekst w ramce, a nie poza. Opcje

[GoldeNx3]

Mam problem, mam taki wygląd:

(IMG:http://img685.imageshack.us/img685/4281/strdp.png)

Kod HTML:

[HTML] pobierz, plaintext 
<div id="main_right">	  
	<div class="main_right_box" style="margin-bottom: 40px;">
 
		<div class="main_right_nav">
			<div class="main_right_nav_title">Strona glowna</div>
		</div>
 
		<div class="news_container">
			<div class="news_box">
				<div class="news_main">
					<div class="news_box">
						<div class="news_content">
							<div id="pudelko">
								<div class="pudelko_lewe">
  									<span id="span1">Danie2.</span>
  									<span id="span2">Cena2.</span>
  									<hr style="clear:both; margin-bottom: 10px;" />  
								</div>
 
								<div class="pudelko_prawe">
  									<span id="span1">Danie2.</span>
  									<span id="span2">Cena2.</span>
  									<hr style="clear:both; margin-bottom: 10px;" />  
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
[HTML] pobierz, plaintext 

Kod CSS:

http://wklejto.pl/112076


Jak zrobić, aby tekst był w ramce, a nie jak na zdjęciu za ramką?

[Magic WWW]

HTML

Kod

        <div id="main_right">      
            <div class="main_right_nav">
                <h2>Strona glowna</h2>
            </div>    
            <div class="news_container">
                <div class="box left">
                      <span id="span1">Danie2.</span>
                      <span id="span2">Cena2.</span>
                    <hr style="clear:both; margin-bottom: 10px;">
                </div>
                <div class="box right">
                    <span id="span1">Danie2.</span>
                      <span id="span2">Cena2.</span>
                    <hr style="clear:both; margin-bottom: 10px;">
                </div>
                <div style="clear: both"> </div>
            </div>
        </div>

CSS: http://pastebin.com/DGtvPPzw

Nie wiem czy o to do końca chodziło (IMG:style_emoticons/default/wink.gif)