Having an issue with nested divs in Chrome
<div id="wrapper">
<div id="content">
</div>
</div>
The wrapper div acts as a bordered container, forming a box. In Safari and Firefox, the content sits inside this box consistently. However, in Chrome, it seems to be a hit or miss - sometimes the content is within the box, while other times it protrudes out of it. I am unsure why this inconsistency is happening, as it works fine in Safari and Firefox. Has anyone else encountered this problem?
Thank you
#wrapper{
display: block;
position: absolute;
top: 5%;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 90%;
background-color: #efefef;
}
#content{
height:78px;
width:100%;
border-bottom:solid 1px gray;
font-weight:1000;
margin-left:0px !important;
background-color:white;
}