Bueno les cuento que solucione el tema con simple css y quedo perfecto tanto en screen como en print, tenia que haber una solución sin tanto lios. gracias a continuación el código, a veces hay que ser practicos, se ahorra tiempo:
Código:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<style type="text/css" media="print, screen">
h2{
text-align: center;
}
#elDocumento {width: 80%; margin: 5em auto; }
.elParrafo {text-align: justify; font: 14px/1.2em monospace; margin-top: -1em; }
.elTexto {position: relative; background-color: white; }
.losGuiones {overflow: hidden; background-color: white; margin: -2.1em 0 2.4em; }
.laAneda {margin-top: 2.6em; }
</style>
</head>
<body>
<h2>CONVENIO</h2>
<div id="elDocumento">
<p class="elParrafo laAneda">
<span class="elTexto">Primer parrafo.....</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>
<p class="elParrafo laAneda">
<span class="elTexto">segundo parrafo</span>
<div class="losGuiones">------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</div>
</p>