Hey! How do I get this html code, to work in normal posts?

Code:

<div style="background-image:url(http://images7.alphacoders.com/348/348881.jpg);padding:5px;width:100%;height:500px;border:1px solid black;background-repeat:no-repeat;">
<style type="text/css">
div.background
  {
  width:100%;
  height:100%;
  background:url(klematis.jpg) repeat;
  }
div.transbox
  {
  width:88,5%;
  height:100%;
  margin:50px 35px 50px;
  background-color:#000000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#FFFFFFF;
  }
</style><div class="background"><div class="transbox">
<p>
TEXT TEXT TEXT TEXT</p>
</div>
</div>
<br>
<br></div>

It works perfectly fine in the portal, where it should look like this:

It does work in a normal post I just tried it on my forum. You have to enable html on your forum for it to work.

https://help.forumotion.com/t35636-enabling-html
Did you do this?

Yup but its not like its showing the text. Its going to look like this:
Where there aren't any kind of transparent box to write in, in the middle of the post.

Is this okay?
http://testing.4rumer.com/t4p7-okkkkkkkkkkkkkkkkkkk#96

This should go into the css.

Code:

div.background
  {
  width:100%;
  height:100%;
  background:url(klematis.jpg) repeat;
  }
div.transbox
  {
  width:88,5%;
  height:100%;
  margin:50px 35px 50px;
  background-color:#000000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#FFFFFFF;
  }

This code can go into the post.

Code:

    <div style="background-image:url(http://images7.alphacoders.com/348/348881.jpg);padding:5px;width:100%;height:500px;border:1px solid black;background-repeat:no-repeat;">
 <div class="background"><div class="transbox">
    <p>
    TEXT TEXT TEXT TEXT</p>
    </div>
    </div>
    <br>
    <br></div>

It works (:! thx!