BuddyPress.org

Hello everyone, I have been struggling the last two days over this and I don’t know if I’m just having a moment but I need a solution before it drives me crazy.

Here is the site I am working on for a gaming clan:
http://www.pixelatedkarma.com/s.gwo/

The issue is if you open up firebug you will see:

<div id="wrapper">
<div id="banner">
<div id="container">
<div id="lmenu">
<div class="lpistol"></div>
<div id="primary" class="widget-area">
<div id="sidebar-me">

The problem is I am having a nearly impossible time trying to get the div with the class “lpistol” to display. The block is 150 px wide and a height of 82. It has decided to collapse on me. I have used all sorts of methods from clearing to positioning to hacking using overflow but cannot seem to find a solution that actually works. Below I have posted the child div css (lpistol) and the parent div (lmenu) and the parent’s div (container).

#container {
background-image:url('images/cright.png');
background-repeat:repeat-x;
width:801px;
height:22px;
margin:0px;
padding:0px;
position:static;
}

#lmenu {
width:150px;
height:100%;
margin:0px;
padding:0px;
float:left;
}

#lpistol {
background:url('images/lpistolgrip.png');
min-height:82px;
width:150px;
margin:0px;
padding:0px;
}

If anyone managed to have a solution for this that would be awesome. Also while your looking at the code if anyone could manage to tell me why my child divs are not inheriting the background color/image of their parents. For example in the center content area it should be white but after the search menu the div containing the page itself is orange.

Anyways thanks in advance.