CSS Not Displaying corectly in post

Hello,

I am trying to use a zip code box that is over top a graphic I made. It works fine when testing it in different browsers from .html file, but when I make a post and use the code it is displaying different in IE, Firefox, and Safari. I have tried everything and can’t get ii to display correctly. Can you please help me with this? Below is the code I am using. Thanks for your time and any help you can provide.

‘<style type=”text/css”>
#blogQuote {
height: 43px;
width: 536px;
background-image: url(https://www.mywebsitehere/images/blog_quote.gif);
background-repeat: no-repeat;
}
#blogzip {
width: 275px;
color: #FFFFFF;
font-family: sans-serif;
height: 45px;
float: right;
margin-top: 9px;
}
</style>

<div id=”blogQuote”>
<div id=”blogzip”><form action=”results.html” method=”get” >
Zip Code: <input type=”text” name=”zipcode” size=”10″ maxlength=”5″ />
<input type=”submit” name=”search” value=”Get Quotes” />
</form>
</div>
</div>’