alexdunae/premailer — Issue #101: Breaking <style> closing tag & other weird output
Author: olivierlacan
Created: 2011-12-22 14:25:14+00:00
State: open

Using 1.7.3 this is my input:

```haml
%style{ type: "text/css" }
body { background-color: #d8dfe3; padding: 2em; font-family: Helvetica, Arial, sans-serif; }

a { text-decoration: none; }
a:link, a:visited { color: #333333; }
a:hover, a:focus { color: #222222; text-decoration: underline; }
a:active { color: #000000; }

#container {
width: 90%;
margin: 1em auto;
padding: 2em;
background-color: #f1f1f2;
border-radius: 7px;
box-shadow: 0 0 3px #555555;
}

#container h1 {
color: #3eabde;
margin-top: 0;
font-size: 2.5em;
font-family: Helvetica, Arial, sans-serif;
}

#container p { color: #555555; line-height: 1.5 }

#container a.button {
display: block;
width: auto;
background-color: #9cca56;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b2e465), to(#7da440));
background-image: -webkit-linear-gradient(top, #b2e465, #7da440);
background-image: -moz-linear-gradient(top, #b2e465, #7da440);
background-image: -ms-linear-gradient(top, #b2e465, #7da440);
background-image: -o-linear-gradient(top, #b2e465, #7da440);
background-image: linear-gradient(top, #b2e465, #7da440);
padding: 7px 20px;
color: white;
text-decoration: none;
font-weight: bold;
text-shadow: 0 1px 1px black;
border-radius: 5px;
box-shadow: inset 0 0 0 #86ab48;
}

#container a.button:hover, #container a.button:focus {
background-color: #88b04c;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc959), to(#6a8a36));
background-image: -webkit-linear-gradient(top, #9cc959, #6a8a36);
background-image: -moz-linear-gradient(top, #9cc959, #6a8a36);
background-image: -ms-linear-gradient(top, #9cc959, #6a8a36);
background-image: -o-linear-gradient(top, #9cc959, #6a8a36);
background-image: linear-gradient(top, #9cc959, #6a8a36);
}

#footer {
margin: 2em auto;
text-align: center;
color: #555555;
font-size: 0.9em;
}

```

And this is my ouput.

```html

background-color: #88b04c !important; background-image: linear-gradient(top, #9cc959, #6a8a36) !important; }
>

```

Notice the leftover bracket on the last line.

* no closing tag for the `