مشكلة في الحائظ تظهر بشكل مبعثر صديقي

.quotemain{
 *background: #A53E3A; url(images/background/gradient.png) repeat-x;
 background-image:url('images/background/quote_2.png');
 background-repeat:no-repeat;
 background-position:top 7px left 7px;
 margin-right:auto;
 margin-left:auto;
 border-top-left-radius:14px;
 border-top-right-radius:14px;
 border-bottom-right-radius:14px;
 border-bottom-left-radius:14px;
 border:2px solid #9B96B1;
 color:#312662;
 padding-top:13px;
 padding-right:8px;
 padding-left:8px;
 padding-bottom:9px;
 width:95%;
 clear:both;
 }

.quotemain cite {
 font-weight: bold;
 font-style: normal;
 display: block;
 font-size: 1em;
 border-bottom: 1px solid #ccc;
 margin-bottom: 12px;
 padding-bottom: 3px;
 font-family: "Droid Arabic Kufi","tahoma",sans-serif;
 font-size:12px;
 font-weight:normal;
 text-align:right;
 }
 .quotemain cite a {
 float: left;
 font-size:15px;
 direction:ltr;
 margin-top: -5px;
 }
 .quotemain span {
 margin-right: 4px;
 }
 .quotemain date {
 font-size:12px;
 }
 .quotemain{
 position: relative;
 background: white;
 margin: 0.40em 0.05em 0.65em 0;
 border: 1px solid #ccc;
 padding: 12px;
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 }

.codemain{
 background-color: transparent;
 background-image:url('images/css_img_code.png');
 background-repeat: no-repeat;
 color:#312662;
 font: normal 12px Droid Arabic Kufi;
 margin-right:auto;
 margin-left:auto;
 margin-top:5px;
 margin-bottom:5px;
 padding-top:30px;
 padding-bottom:20px;
 padding-right:5px;
 padding-left:5px;
 border:0px solid #9B96B1;
 max-height: 50px;
 min-height: 100px;
 width:auto;
 direction:ltr;
 overflow:scroll;
 clear:both;
 }

.codemain{
 background-color: transparent;
 background-image:url('images/css_img_code.gif');
 background-repeat: no-repeat;
 color:#465584;
 font: normal 12px tahoma;
 margin-right:auto;
 margin-left:auto;
 margin-top:5px;
 margin-bottom:5px;
 padding-top:1px;
 padding-bottom:0px;
 padding-right:5px;
 padding-left:5px;
 border:1px solid #d1d1e1;
 width:auto;
 direction:ltr;
 overflow:inherit;
 }
 pre{
 display:block;
 border:1px solid #d1d1e1;
 text-align: left;
 direction:ltr;
 font-family: "tahoma",sans-serif;
 font-size: 85%;
 font-weight:normal;
 line-height: 1.45;
 word-break: normal;
 padding: 5px;
 width: 98%;
 float: left;
 overflow-x: auto;
 clear: both;
 }
 .codediv{
 display:block;
 background-color: transparent;
 background-image:url('images/css_img_code.gif');
 background-repeat: no-repeat;
 border:1px solid #d1d1e1;
 border-bottom:0px solid #d1d1e1;
 position: relative;
 top:15px;
 float: 0;
 color:#81818b;
 padding: 5px;
 font: bold 12px tahoma;
 text-align: right;
 width: 98%;
 float: left;
 clear: both;
 }