Elements displaying not as blocks, despite code set to block... ideas?

[dhcrusoe]

Hey all,

 

I'm having bleed between the contents of some DIVs... I think it's because they're not displaying as blocks, but even after adding this style, they still bleed into one another. I've enclosed my code, css clip, and a quick screenshot of the issue... thanks for your suggestions!

 

--Dave

 

.inputbox { 
margin: 10px;
padding: 5px;
display: block;
}
.textareabox { 
margin: 10px;
border: 1px solid white;
padding-bottom: 10px;
display: block;
}
.textareabox label { 
padding: 10px;
text-align: left;
display: block;
font-size: 12px;
}
.inputbox label { 
position: absolute;
text-align: right;
width: 240px;
font-size: 12px;
}

 

<div class="textareabox">
                <label for="Years_Direct_Service_To_Youth_Text__c">Please describe the work you have done with youth:</label>
                    <apex:inputTextarea id="Years_Direct_Service_To_Youth_Text__c" value="{!CT_Application__c.Years_Direct_Service_To_Youth_Text__c}"/>
                </div>
               
                
                <div class="inputbox">
                <label for="Years_Volunteering__c">Excluding your experience with Citizen Schools, how many years of experience do you have volunteering or working in a social service, youth services, community or education organization?</label>
                    <apex:inputText id="Years_Volunteering__c" value="{!CT_Application__c.Years_Volunteering__c}"/>
                </div>
                
                <div class="textareabox">
                <label for="Years_Volunteering_Text__c">Please describe the volunteer work you have done:</label>
                    <apex:inputTextarea id="Years_Volunteering_Text__c" value="{!CT_Application__c.Years_Volunteering_Text__c}"/>
                </div>

 

 

[attachment deleted by admin]

[happyjack825]

I'm going to guess that the problem is being caused by the use of position: absolute;. I would recommend experimenting with relative positioning instead.

[dhcrusoe]

Hey there -- Yep, that was the issue. I had to float within floats; hadn't dealt with this before. Thanks for the tip!