Ho un problema veramente strano.

C'è una ragazza che mi piace ed io sono molto tim.... ehm.... no scusate, ho sbagliato


Sto cercando di creare un'anteprima di stampa decente.
Va tutto bene eccetto il testo del contenuto principale che, non capisco per quale motivo, su Firefox, continua a sbordare per una porzione, e quindi mi viene nascosto dai margini della stampa.


(scusate la confusione ma devo oscurare le informazioni)

Come potete vedere il testo va oltre il bordo.

codice:
<body>
  <div id="container">
    <div id="testata"></div>
    <div id="wrapper">
      <div id="content">
        

testo</p>
      </div>
    </div>
    <div id="footer"></div>
  </div>
</body>
#wrapper è quello con lo sfondo fucsia.
Comunque spostando il paragrafo e sostituendoci tutto il wrapper il problema permane.

codice:
CSS normale:

body
{
   padding: 0;
   margin: 10px 0px;
	background-color: #303B41;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	font-size:11px;
	FONT-FAMILY: Georgia;
	text-align:center;
}

#container
{
	border: 1px solid #000;
	margin: 0 auto;
	width: 758px;
	background-color: #ffffff;
	text-align: left;
	font-size: 12px;
	color: #555555;
}

#content P
{
    LINE-HEIGHT: 1.5;
}

#wrapper
{
	 color: #555555;
    MARGIN-TOP: 5px;
    FLOAT: left;
	 padding: 10px;
/*	 font-size: 12px;	*/
	 LINE-HEIGHT: 18px;
}

#content
{
	width: 550px;
	float: right;
    PADDING-LEFT: 15px;
    MARGIN: auto;
	 margin-left: 173px;
    TEXT-ALIGN: left;
}

#navigation
{
    FLOAT: left;
    MARGIN-LEFT: -752px;
    WIDTH: 173px;
}


CSS di stampa:

body {
	width: 90%; /* Sarebbe 100% ma almeno si vede fin dove sborda il testo*/
	font-size: 100%;
}

body #container {
	margin: 0;
	width: 100%;
	background-color: #F0E68C;
	padding: 0;
}

body #wrapper {
	background-color: Fuchsia;
	position: absolute;
	right: 0%;
	width: 75%;
	margin: 0;
	float: none;
}

body #content {
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
	/*
	Non risolvono il problema sbordo
	padding: 100px;
	margin-right: 200px;
	*/
}

body #navigation {
	width: 15%;
	margin: 0;
	position: absolute;
	left: 0%;
	top: 125px;
}

body #extra {
	display: none;
}

body #navigation, body #container, body #content/*, body #wrapper*/ {
	background-color: #fff;
}

body #testata {
	display: none;
}
Apparte eventuali brutture del codice mi sapreste dire dove andreste a cercare il problema?
Sembra appunto che risieda nel body o nel container.