Hey there, I'm encountering a CSS issue where the div is not properly positioned when resizing the window. Here's what I have:
This is the CSS code for the div:
.similar_story_block_form {
background-color: white;
border: 1px solid #CCCCCC;
border-radius: 0 0 12px 12px;
box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.8);
font-size: 13px;
left: 337px;
position: absolute;
top: 105px;
width: 337px;
z-index: 100;
}
Here's the HTML code:
<div id="search-box-form">
<div style="display:block;" class="similar_story_block_form">
<div class="head">
<p>What interest you?</p>
<a onclick="javascript:closeSearchBox(event);" id="close-element-form" href="#"></a></div>
<ul>
<li>
<a no-confirm="" class="pushstate">
<div col-400="" class="fleft"><p>No such business</p></div></a></li>
<div class="head"><p>Nothing is found from <span style="color:red;font-weight:italic;">"s"</span></p>
</div>
</ul>
</div>
</div>
I'm using Chrome and still facing the same issue. Any ideas on what could be causing this problem? Thanks for your assistance.