I'm having trouble setting the height of a div within a section to 100px. Despite my efforts, the height keeps reverting back to 'auto' and adjusts based on the content inside the div.
Below is the HTML code:
<section id="social" class="tab-content active">
<div id = "socialDiv"></div>
</section>
Here are the methods I've attempted so far:
CSS:
#social{height:100px; line-height:20px;overflow:hidden;}
#socialDiv{height:100px !important; line-height:20px;overflow:hidden;}
jQuery:
$('.socialDiv').css({'height':100+'px'});
$('.socialDiv').height( 100 );
Unfortunately, none of these solutions have worked. Any assistance would be greatly appreciated.
PS. This issue is occurring within a Chrome extension where the section is displayed in a popup window during execution.