* Distorted Css text

ok im having a serious problem I have a wordpress blog and Im using css to edit it but in the subject line of my blog when ever I change the css for the font by making it larger than 14px it gets distorted this is what it looks like



and here is my code

line 154 is the text code im having a problem with. It happens only in
IE when I use an iframe to open th epage.

 F5AECF/*  
Theme Name: Pink-Baby
Theme URI: http://babydoll.nu
Description: this theme is for switching themes in wp
Version: 1
Author: Pink Baby
Author URI: http://babydoll.nu
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

<STYLE type="text/css">
<!--
.ad_text{ display: none }
-->


.textarea, .textfield {
background-color:FF0000; background-image:url(http://abstractbeaute.com/abstractbg.png); 
border-width:2px; border-style:solid; border-color:00FFFF; color: 000000; font-family:Arial;} 

input {
background-color: FF9900; border-width:2px; border-style:solid; border-color:00FFFF; color: 0066FF; font-family:Arial;}


input, select, textarea, .textfield, .button {
border: 1px solid #000000;
font: normal 8pt Arial, Helvetica, sans-serif;
background-color: #FFDFF0;
background-image: url("http://abstractbeaute.com/abstractbg.png");
letter-spacing: 0px;
color: ffffff;
border-color: #ffffff;
 scrollbar-face-color: red;
  scrollbar-highlight-color:red;
        scrollbar-3dlight-color:red;
        scrollbar-shadow-color:red;
        scrollbar-darkshadow-color:red;
        scrollbar-track-color:red;
        scrollbar-arrow-color:red;
               }





.li {
	background-image:url("http://abstractbeaute.com/abstractbg.png");
	background-repeat:no-repeat;
	background-position: 0 .6em;
	padding: 0 0 0 12px;
}




table,tr,td 
{font-size: 8pt; 
font-family: microsoft sans-serif, tahoma, arial, verdana, sans-serif; 
color: #ff0099; 
line-height:13px; 
letter-spacing:0pt;}


.td{ 
text-align:left;
text-transform: normal;
font-family : Georgia, Times New Roman, serif;
font-size:14px;
font-weight: bold;
color: #9DD2E5; 

text-transform: normal;
background-color: #F6FCFE;
border-bottom: 1px solid #DCF0F6;
border-top: 0px dashed #000000;
border-right: 1px solid #DCF0F6;
border-left: 0px solid #ff80c0;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 3px;
letter-spacing: 0px;
width: 600;
}





.comment2{
text-align:right;
text-transform: normal;
background-color: #ffffff;
border-bottom: 0px solid #DCF0F6;
border-top: 1px solid #cccccc;
border-right: 0px solid #DCF0F6;
border-left: 0px solid #ff80c0;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
letter-spacing: 0px;
width: 600;
}



.2page  {
text-align:right;
text-transform: lowercase;
font-family :verdana;
font-size:9px;
font-weight: bold;
color: #888888;
background-color: #ffffff;
border-bottom: 1px solid #FF8CA8;
border-top: 1px solid #FF8CA8;
border-right: 1px solid #FF8CA8;
border-left: 1px solid #FF8CA8;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
letter-spacing: 1px;
line-height:13px; 
width: 100%;
background-image: 
url('http://pink-baby.com/usahana/usahanakusobg.gif');
background-repeat: repeat;
background-attachment : fixed;
}

.comment{
text-transform: normal;
text-align:left;
font-family : Arial, Helvetica, sans-serif
background-color: #F6FCFE;
border-bottom: 1px solid #DCF0F6;
border-top: 0px solid #C0C0C0;
border-right: 1px solid #DCF0F6;
border-left: 0px solid #C0C0C0;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size:8pt;
font-weight: normal;
color: #6C3442; 
letter-spacing: 0px;
width: 600;
}

.subject{
text-align:left;
text-transform: normal;
font-family : georgia, Times New Roman, serif;
font-size: 24px;
font-weight: bold;
color: #9DD2E5;} 


hr {
border: 1px;
border-top: dashed 1px #cccccc;
height: 1px;
}

.line {
border: 1px;
border-top: solid 1px #ff0099;
height: 1px;
}


body{
font-family : Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : normal;
color : orange; 

line-height : 10px; 
text-decoration : none; 
letter-spacing:0pt;
text-align: justify;
margin-top: 7px;
margin-left: 4px;
margin-right: 5px;
background-color: transparent;
filter:chroma(color=#45FF32);
 scrollbar-face-color:#40ff40;
        scrollbar-highlight-color:#F9552F;
        scrollbar-3dlight-color:#40ff40;
        scrollbar-shadow-color:#40ff40;
        scrollbar-darkshadow-color:#446473;
        scrollbar-track-color:#45FF32;
        scrollbar-arrow-color:#000000;
    
cursor: url(''), text; }
a, a:hover { cursor: url(''), text;} 

.scrolling	{ overflow-x:hidden; overflow-y:auto; width:315; height:285;}



i, em {font-family: arial; 
font-weight: normal;
color: #EB2994;
font-size : 11px;
}

strong {font-family: verdana; 
color: #D8A018;
font-size : 10px;
text-transform: uppercase;
border-bottom: 1px dotted #ffffff;
}


a:link, a:visited, a:active    {
font: normal 11px microsoft sans-serif, tahoma, arial, verdana, sans-serif;
color: #EB2994;
line-height: 12px;
text-decoration: none;
text-transform: normal;
cursor: hand;
font-weight: bold;
 }




a:hover     {
font: normal 11px microsoft sans-serif, tahoma, arial, verdana, sans-serif;
color: #777777;
line-height: 12px;
text-decoration: none;
text-transform: normal;
border-bottom: 0px dotted #AD7D67;
border-top: 0px dashed #AD7D67;
border-right: 0px solid #AD7D67;
border-left: 0px solid #AD7D67;
cursor: hand;
background-color:;
font-weight: bold;
}







blockquote {
font: normal 8pt Arial, Helvetica, sans-serif;
letter-spacing: 0px;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px dashed #cccccc;
border-top: 1px dashed #cccccc;
border-right: 1px dashed #cccccc;
border-left: 1px dashed #cccccc;
width: 340px;
}



.meta {
	font-size: 9px;
          	color: #885D68;
	margin: 0;
padding: 0px;
	font-family: microsoft sans-serif, tahoma, arial, verdana, sans-serif;
	font-weight: normal;
position:absolute; left:5px; top:25px; width:100%; height:30px; background-color:transparent; overflow:no;  z-index:9;}
           



.meta a:link, .meta a:visited, .meta a:active {
	color: #E8D8C0; 
	font-weight: bold;
           font-family :verdana;
           border-bottom: 0px dashed #808080;
           font-size: 9px;
	letter-spacing: 1;
          text-transform: uppercase;
	background-color: transparent;
    behavior:url(linkhovers.htc); filter:progid:dximagetransform.microsoft.fade(duration=.6, maxSquare=15, enabled=false); height: 0px;font-family: Trebuchet MS}
    
.meta a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}

.right{
	text-align:left;}

.meta ul {
	display: inline;
	margin: 0;
	padding: 0px;
	list-style: none;
}

.meta li {
	display: inline;
}

.test{
text-align:left;
text-transform: normal;
font-family : arial;
font-size:9px;
color: #B39DCF; 
}

PHP:

 

My best guess would be that the line-height is set to 14px and when you use a font at 15px it gets smashed. Give me a link to your blog and I can get a closer look.

 

I think Jordonias is probably right. The same thing can happen with images when the image size is explicitly set in the code.