In your examples the font size drop down box works fine.   When I select a larger font size, the lines overlap each other making it unreadable with the way I have it setup.  What am I doing wrong?  Does it have anything to do with the style sheet I use?  Please help asap.  Thanks!

Hello World

Here's my style sheet.  The css styles I have setup work great but not the font size drop down.  Don't know if the css style is the problem?

 

body,table,p,div,span {
 font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #5D5D5D;
     font-size: 9pt;
     font-weight: normal;
     line-height: 15px;
}
.heading1 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #824386;
     font-size: 16pt;
  line-height: 24px;
     font-weight: bold;
     padding-left: 0px;
}

.heading2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #824386;
     font-size: 13pt;
  line-height: 24px;
     font-weight: bold;
     padding-left: 0px;
  font-style: normal;
}

.heading3 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #824386;
     font-size: 11pt;
  line-height: 24px;
     font-weight: bold;
     padding-left: 0px;
  font-style: normal;
}

a:link {
 color: #824386; text-decoration: underline
}
a:visited {
 color: #824386; text-decoration: underline
}
a:active {
 color: #824386; text-decoration: underline
}

a.linktext:link, a.linktext:visited, a.linktext:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: underline;
 font-size: 9pt;
 color:#824386;
}

.text {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #5D5D5D;
     font-size: 9pt;
     font-weight: normal;
     line-height: 15px;
     padding-left: 0px;
     padding-top: 0px;
     padding-right: 0px;
}

.smalltext {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #5D5D5D;
     font-size: 8pt;
     font-weight: normal;
     line-height: 15px;
     padding-left: 0px;
     padding-top: 0px;
     padding-right: 0px;
}

.boldpurpletext {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #824386;
     font-size: 9pt;
     font-weight: bold;
     line-height: 15px;
     padding-left: 0px;
     padding-top: 0px;
     padding-right: 0px;
}

Change the following code:

 

body,table,p,div,span {
 font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #5D5D5D;
     font-size: 9pt;
     font-weight: normal;
     line-height: 15px;
}

 

to:

 

body,table,p,div,span {
 font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #5D5D5D;
     font-size: 9pt;
     font-weight: normal;
     line-height: 15px;
}