Хорошо, поэтому в left_col моей страницы у меня есть список UL LI, который включает в себя переключатель jQuery для открытия небольшого окна, которое называется "LoginBox".
<ul>
<li class="members"><a href="/members/signon.asp?userType=member">Members</a></li>
<li class="employers"><a href="/employers/signon.asp?userType=employer">Employers</a></li>
<li class="providers"><a href="#LoginBox" class="clicker">Providers</a></li>
<div class="loginbox" id="LoginBox">
<p>Medical</p>
<p>Dental</p>
</div>
<li class="brokers"><a href="/brokers/signon.asp?userType=broker">Brokers</a></li>
</ul>
когда вызывается jQuery, он толкает элементы под ним вниз. Как и ожидалось.
То, что я не получаю, - то, что у меня есть тег H3 ниже этого UL LI, у которого есть фоновое изображение.
Текстовая часть H3 сдвигается вниз, но фоновое изображение, кажется, остается на месте, а UL LI, который сдвигается вниз, просто скрывает фоновое изображение H3.
Почему текст перемещается, а не само фоновое изображение?
вот стиль H3:
.sectionmenu h3{
background: url(/_images/h3-triangle.gif) left center no-repeat;
color: #000;
font-size: 12px;
font-weight: bold;
padding: 4px 0px 4px 10px;
margin: 0;
border-bottom:1px dotted #aeaeae;;
}
и стиль окна входа в систему:
.loginbox{
display:none;
width:100px;
height:50px;
margin:0 0 0 77px;
}