Need Some Assistance On Applying a CSS Class <p>Okay this is what I have.</p> <pre><code>BODY { font-family: sans-serif; background-image: url(http://www.thexboxcloud.com/images/xboxbackground2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: left top; position: absolute; margin: 0; margin-right: 15in; } P { position: relative; padding: 1em 1em 1 em 3em; left: 150px; top: auto; border-left: purple .25cm solid; border-top: purple 1px solid; border-bottom: purple 1px solid; } P.pillow { position: absolute; margin-right: 15in; } </code></pre> <p>Everything works fine until I try to set a class for "pillow". I am typing it in right but it seems that one of the upper 2 overrides it.</p> <p>This is what I put to apply the class:</p> <pre><code>&lt;p class="pillow"&gt; </code></pre> <p>Now that should work. </p> <p>I'm trying to make a youtube video and paypal button for "pillow" not have a border around it at all.</p> <p>But when I type it in, it does not override the first p class. Also, it makes the text margin spread out to the whole page when I make the first p class a specific class as well.</p> <p>Could doctype code have anything to do with it? I'm using "loose".</p> <p>But I can't figure out what I can't get a specific class to work. Any help is appreciated. Thanks.</p>