This is the CSS you are using.

.dropcap {
         float: left;
         width: 18px; 
         line-height: 25px;
         color: black;
         padding-top: 4px;
         padding-right: 4px;
         font-size: 36px;
         height: 36px; 
         font-weight: bold;   
         font-family: Comic Sans MS, Verdana, Arial, sans-serif;
         }

Remove the width:18px; and the height: 36px;.
This style will work in Mozilla and IE.

.dropcap {
         float: left;
         line-height: 25px;
         color: black;
         padding-top: 4px;
         padding-right: 4px;
         font-size: 36px;
         font-weight: bold;   
         font-family: Comic Sans MS, Verdana, Arial, sans-serif;
         }

Drop Cap

We left from Ken's house at 8:30 a.m. Except for gas and a quick meal at Taco Bell we drove straight through to Grand Portage and arrived at midnight (1:00 a.m. Eastern). We had no trouble finding the boat dock this time because they put up a bigger sign that was much easier to see in the middle of the night. We found a parking space in the upper lot and then walked down to dock. It was pretty cool and breezy but it felt good to stretch my legs after the long ride. The boat would not be leaving for Isle Royale until 8:00 a.m. but we had to be at the dock by 7:30 a.m. to present our reservations and have our gear loaded. It was still several hours before we had to be at the dock so we went back to the car to get some sleep.

Take a look at Dropcaps Tutorial for more examples. The font Times works well. If there's anything missing from the tutorial or that doesn't work at your place let me know. Thanks.