How to include custom CSS styles in each post?

I’m trying to implement a MooTools Slideshow plugin that will show a different slideshow in every post. I need custom DIVs for each post and I tried inserting a stylesheet directly in the post itself without success. WordPress is wrapping everything in paragraph tags even though I’ve wrapped everything in code tags.

If I could just get the DIVs to show up, I’d be most of the way there. Here’s the stylesheet and the calls for the DIVS as I have them in the post:

<code><style type="text/css">

#a1 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
float: left;
}

#a2 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
}

#a3 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
}

#a4 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
}

#a5 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
}

#a6 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
}
</style>
<div id="a1">
<div id="a2">
<div id="a3">
<div id="a4">
<div id="a5">
<div id="a6">
</code>

Here’s what the view source looks like:

<p><code><br />
<style type="text/css">
<p>#a1 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
float: left;
}</p>
<p>#a2 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
}</p>
<p>#a3 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
}</p>
<p>#a4 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
}</p>
<p>#a5 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fhbv-right-in-talk.png');
}</p>
<p>#a6 {
width: 384px;
height: 216px;
background-image: url('http:minigiggles.com/wp-content/themes/journalist/images/fwbb-left-in-talk384.png');
}

</style>
<div id="a1">
<div id="a2">
<div id="a3">
<div id="a4">
<div id="a5">
<div id="a6">
</code></p>