okay, so I'm trying to set up a webpage with a div wrapping two other divs, and the wrapper div has a
background, and the other two are transparent. How come this isn't working?
here is the CSS:
.posttext{
float: left;
width: 70%;
text-align: left;
padding: 5px;
background-color: transparent !important;
}
.postavi{
float: left;
width: 100px;
height: 100%;
text-align: left;
background-color: transparent !important;
padding: 5px;
}
.postwrapper{
background-image:url('images/post_bg.png');
background-position:left top;
background-repeat:repeat-y;
}
and here is the HTML:
<div class="postwrapper">
<div class="postavi"><img src="http://prime.programming-designs.com/test_forum/images/avatars/hacker.png" alt="hacker"/></div><div class="posttext"><p style="color: #ff0066">You will have bad luck today.</p>lol</div>
</div>
Edit: at request, here is a link to the site: http://prime.programming-designs.com/test_forum/viewthread.php?thread=33
Edit: edited css to be correct, still suffering same problem
