Export File is splitted when printing

I have made this Code for a collection of different Songs with different genres.
So you are able to make a nice list subdivided in genres.

My Problem is now, when I try to print the List with my Printer, a new genre always starts at a new page, even if there is enough place for a part of the new genre-list on the page before.

i tried "page-break-inside", "page-break-before" and "page-break-after" in different ways, but it doesn't fit.

can somebody tell me what to do? thx :rolleyes: :frowning:

Her the example fpr what I mean:
[img=http://img371.imageshack.us/img371/7070/problemsq7.th.jpg]

 $filename(Songliste.html)
<html>
<head>

<style type="text/css"><!--

    *        {font-family:Verdana, Arial, sans-serif; background:#ffffff; color:#000000;}

    .titel1        {font-size:20pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
    .titel2        {font-size:14pt; margin-top:0px; margin-bottom:3px;}

    .content1    {font-size:14pt; margin-top:0px; margin-bottom:0px; font-weight:bold;}
    .content2    {font-size:8pt; margin-top:0px; margin-bottom:7px; font-style:italic;}

    a:link        {color:#000000; text-decoration:none;}
    a:visited    {color:#000000; text-decoration:none;}
    a:hover        {color:#ff0000; text-decoration:none;}
    a:active    {color:#ff0000; text-decoration:none;}

    #site        {
            width:760px;
            margin:0px auto;
            text-align:left;
            }

    #menu        {
            font-size:10pt;
            padding:10px 0px;
            border-top:2px solid #000000;
            }

    #content1    {
            border:1px solid #000000;
            padding:5px;
            margin-bottom:5px;
            }

    #content2    {
            font-size:8pt;
            float:right;
            }

    #c3a, #c3b, #c3c, #c3d    {
                font-size:10pt;
                margin-top:0px;
                margin-bottom:0px;
                }

    #c3a, #c3b, #c3c    {
                float:left;
                }

    #c3a, #c3e        {
                clear:both;
                }

    #c3b, #c3c        {
                padding-right:10px;
                border-bottom-style:dashed;
                border-bottom-width:1px;
                }

    #c3a            {
                font-style:italic;
                }

    #c3b            {
                width:300px;
                font-weight:bold;
                }

    #c3c            {
                width:350px;
                }

    #c3d            {
                float:right;
                }

//--></style>

<title>%_workingdir%</title>
</head><body><a id="top"></a>

<div id="site">


<!--  Die Titelzeile  -->

<p class="titel1">%_workingdir% sortiert nach Genre</p>
<p class="titel2">%_total_files% Songs mit %_total_time2% Stunden Gesamtspiell├Ąnge</p>


<!--  Das Men├╝  -->

<div id="menu">
    $loop(%genre%,1)
    <a href="#genre%_counter%">(%genre%)</a> 
    $loopend()
</div>


<!--  Der Inhalt  -->

$loop(%genre%)
<a id="genre%_counter%"></a>
<div id="content1">
<div id="content2"><a href="#top">(nach oben)</a></div>
<p class="content1">%genre%</p>
<p class="content2">... %_total_files% Song(s) mit %_total_time2% Stunden Gesamtspiell├Ąnge</p>
$loop(%genre%)
    $loop(%_filename_ext%)
    <div id="c3a">$num(%_counter%,3): </div>
    <div id="c3b">%artist%</div>
    <div id="c3c">%title%</div>
    <div id="c3d">%_length%</div>
    $loopend()
    <div id="c3e"></div>
</div>
$loopend()
$loopend()

</div>
</body>
</html>