I'm making some pure CSS containers and I've hit a wall. It is a very basic container with a light gray background and a dark gray dashed border. The container displays correctly in IE, but in Firefox, the background and the border fail to display properly. I just see a gray "chunk" above my module title. Any help would be appreciated.

HTML:

<div class="ContainerMaster">
    <div id="TitleRow">
        <div class="ModTitle"><dnn:TITLE runat="server" id="dnnTITLE" /></div>
        <div id="ModActions"><dnn:ACTIONS runat="server" id="dnnACTIONS" /></div>
    </div>
    <div id="ContentPane" runat="server" class="ModContent">
       
    </div>
    <div class="ModBottom">
        <dnn:ACTIONBUTTON1 runat="server" id="dnnACTIONBUTTON1" CommandName="SyndicateModule.Action" DisplayIcon="True" DisplayLink="False" IconFile="xml.gif" />
        <dnn:ACTIONBUTTON2 runat="server" id="dnnACTIONBUTTON2" CommandName="PrintModule.Action" DisplayIcon="True" DisplayLink="False" />
    </div>
</div>

 CSS

.ContainerMaster{width:100%;text-align:left;display:inline; background-color: #ebebeb;border: 2px dashed #ccc;}
.TitleRow{
    display:    block;
}
.ModTitle{height:28px;line-height:28px;padding-left:10px;float:left;}
.ModTitle .head{color:#000000; font-weight: bold;font-size: 1.1em;color: Black;font-family: "Trebuchet MS";}
.ModActions{float:right;}
.ModContent{text-align:left;padding:10px;}
.ModContent2{text-align:left;padding:10px;}
.ModuleTitle_MenuContainer{width:20px;}
.ModBottom{text-align:right;font-size:0;padding-right:10px;margin-bottom:5px;}
.ModBottom img{margin:0 0 10px 5px;}