html - 印刷ビューでフィールドセットのスタイルが失われる

Question

コンテンツ管理システムのデータベースから取得されたフィールドセットに表示される情報があります。

通常のページとして表示すると、情報は正しくスタイル設定されますが、ページを印刷プレビューで表示すると、フィールドセットの情報がページの左側に配置され、スタイルが失われます!

私はどこでも解決策を探しましたが、人々はフロートの削除などについて言及していますが、この問題を解決できないようです!

この問題は、私が試したすべてのブラウザー (Safari、Chrome、および Firefox) で発生するようです。

表には少量のデータが示されていますが、正しくフォーマットされています:/

ページから表示: ページ ビュー

印刷プレビューからの表示: 印刷ビュー

どんな助けでも大歓迎です！

編集: これらは要求されたコードの小さなスニペットです - そこにはたくさんあります!

HTML

<div class="divClass" id="Person_title_div" >
    <label class="divLabel"  for='Person_title' id="Person_title.label"
            >Title </label>
    <div class="divValue">
    <input type="hidden" name="Person.title" value="-5509180968589174739" />
    <a href="../Title/view.jsp?id=-5509180968589174739&myCode=A1925C9679A8851CCA17D1269771AD4F"><span  >Dr</span></a>
</div>

</div>           

<div class="divClass" id="Person_knownAs_div" >
    <label class="divLabel"  for='Person_knownAs' id="Person_knownAs.label"
            >Name </label>
    <div class="divValue">

    <span  >qwe qwe</span>
</div>

</div>          

<div class="divClass" id="Person_email_div" >
    <label class="divLabel"  for='Person_email' id="Person_email.label"
            >Email </label>
    <div class="divValue">

    <span  >qwe@qew</span>
</div>

</div>  

CSS

div.divClass,
div.formWidget,
div.multiList {
  float: left;
  position:relative;
  margin:0 5px 5px 0;
  min-height:30px;
  width:310px;
}

fieldset {
    clear: both;
    border: 1px solid #888;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

print.css

/* print styles */

body {  background: white;  font-size: 8pt;     font-family: Verdana, Arial; }

#firstMenu,

#secondMenu,

#additionalMenu,

#footernav,

#selectheader ul,

input,

a img#logo {    width: 58px;    height: 70px; }

a:link, a:visited {     color: #520;    background: transparent;    font-weight: normal;    text-decoration: none; }

header {    height: 105px;  background: url(images/header.gif) no-repeat; }

div#mainData td, div#mainData th {      float: none !important;     display: inline !important;     padding-left: 1em;      padding-right: 1em;  }

table.datatable th, table.datatable td {

    vertical-align: top;

    /*For some reason table text is coming out inconsistent.  Must be being inherited somewhere, 

    but difficult to pin down.  Therefore force to specific pixel value as a work around */

    font-size: 9px;

}/* CSS Document */

.menu {
    display: none; }

.session {
    display: none; }