contents overlap problem.., please help. Options

[radii]

why is it that everytime i make a skin the contents (i.e. the blog itself i.e. words) sorta overlap? the words appear okay at times but when you highlight you can see them overlapping obviously. and with a skin i made for a frd of mine it overlaps oh-so-obviously it's drivin me nuts
if anyone could help please do.

here's the non-div non-scrollbar part of the code if this would help:

background-color: transparent;font-family: comic sans; color: gray; font-size: 10px;text-decoration: none; text-align: justify;font-size: 10pt;line-height:10px;}
select, textarea, input{border:1px solid white; font-family: comic sans; background: transparent; font-size: 10pt; text-align: justify; font-color: #FFFFFF;}
.standardsmall {font-family: comic sans; color: # BED5BE; font-size: 10pt; letter-spacing: 0px; line-height:10px; display: none;}
.linksmall {font-family:comic sans;font-size: 10pt; display: none;}
A:link {cursor: crosshair; font-family: comic sans; text-decoration: none; font-color: #FFFFFF; font-size:10pt; text-transform: none; background-color: transparent; color: white;}
A:visited {font-family: comic sans; text-decoration: none; font-color: #FFFFFF; font-size:10pt; text-transform: none; cursor: crosshair; background-color: transparent; color: white;}
A:active {font-family: comic sans; text-decoration: none; font-color: #FFFFFF; font-size:10pt; text-transform: none; cursor: crosshair; color: white;}
table.main {align: left; width: 350px}
.leftmodulehr {color: white; display: none;}
.align {text-align: JUSTIFY; display: none;}
.smalltext {font-size: 10pt; font-color: #FFFFFF;}
.button {font-family: comic sans; font-color: #FFFFFF; background: transparent; text-align: center;}
table.textad {display: none; visibility: hidden;}
table.header {background-color: transparent; border: none; text-transform: uppercase}
table.Banner {color: white; display: none; visibility: hidden;}
table.navigation, table.footer {display: none;}
.blogheader{text-transform: uppercase; font-weight: 1; font-size: 10px; color: white; letter-spacing: 3px; text-decoration: none; text-align: right; padding-top:2pt; padding-bottom: 2pt; padding-right: 5px; width:
350px; align: left; font-family: comic sans;}
.blogbody{font: comic sans; line-height:10px; text transform: none; text-align: justify; background: transparent; border-bottom: 1px solid white; color: #FFFFFF; font-family: comic sans ;width: 350px;}

table.blogbody{width: 350px;}
.blogbody td{width: 0px; padding-left: 0px}
TABLE.left th {color: #FFFFFF; font-family: comic sans; font-size: 10pt; text-transform: none; display: none;}
TABLE.left TD{font-color: #FFFFFF; color:black; display: none;}
table.left {color: #FFFFFF: border: 1px solid #FFFFFF; font-size: 10pt; display: none;}
.nav, .bottom{text-align: right; font-size: 10pt;margin-top: -65px; display: none;}
.leftmodulefontcolor {font-family:comic sans; color: #FFFFFF; font-size: 10pt;}
.leftmodulefontcolorsmall {font-family:comic sans; color: #FFFFFF; font-size:10pt;}
.leftmoduletitlefontcolor {font-family:comic sans; text-transform: none; font-size: 10pt;}
.leftmoduletitlefontcolorsmall {font-family:comic sans; color: #FFFFFF; font-size: 10pt;}
.submit {background: transparent; font-family: comic sans; font-size: 10pt; line-height:10px; color: #FFFFFF;}
a {
font-weight: normal;
text-transform: none;}
font {
font-family: comic sans;
font-size: 10pt;
color: #FFFFFF;
line-height:24px;
text-align:justify;}
b,strong {
font-family: comic sans;
color: #FFFFFF;
font-size: 10pt;
text-transform: none;
font-weight: strong}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:686768;
border:1px solid c5c080;
family-font: comic sans;
width:350px;
FILTER: alpha(opacity=75);}

-->
</STYLE>

[lookitskim]

Hmm are u talkin about when u highlight the text ti over laps? Well, I can't even highlight it. everything seems fine to me.. well, its probably the line-height is smaller then the font size.. that happens when u highlight it..