When I put my preheader in my email, it is also showing the first line of my email text. I do not want that. How can I make it to where it only shows what is in my preheader and not the rest?
Heres what I am using for my preheader
<style type="text/css">
.ReadMsgBody {width: 100%; background-color: #ffffff;}
.ExternalClass {width: 100%; background-color: #ffffff;}
body {width: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;font-family: Georgia, Times, serif}
table {border-collapse: collapse;}
.preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; }
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" yahoo="fix" style="font-family: Georgia, Times, serif">
<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">Quickly target high-value physicians and facilities to grow your home care referrals! </span>
<!-- Wrapper -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="100%" valign="top" bgcolor="#ffffff" style="padding-top:20px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
<tr>
<td id="desktop" bgcolor="#e6e6e7" height="31">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="deviceWidth">
<tr>
<td class="deviceWidth">
<p style="font-size: 12px; color: #5f6062; font-family: Helvetica, sans-serif; text-align:center;">Can't see this email? <a href="http://mysite.com/email/2014/2/web.html" style="text-decoration:underline; color:#214897">Click here</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>