при авторизации на сайте не отображается картинки формата .png в опере,на мобильной опере она отображается и в IE тоже, если не нажимать на блок то ее нет.
скриншот как сейчас на сайте:
как сделать что бы была она всегда:
вот сайт где можно посмотреть на проблемукод:
.loginbox{
display:none;
position:relative;
margin-left: -430px;
z-index:999;
width:345px;
background:url(../images/loginbox-title.png) top left no-repeat #fff;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:90px 10px 10px;
border-radius:10px;
box-shadow:0 1px 2px rgba(0,0,0,0.62);
margin-top:-40px;
behavior: url(/PIE.php);
}
.loginbox1{
background:url(../images/loginbox-title1.png) top left no-repeat #fff;
}
.loginbox .left{
float:left;
margin-right:5px;
text-align:center;
width:120px;
}
.loginbox .left .avatar{
padding:5px;
display:inline-block;
box-shadow:0 2px 2px rgba(0,0,0,0.43);
border-radius:5px;
behavior: url(/PIE.php); position: relative;
}
.loginbox .left .logout{
display:inline-block;
background:#385471;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
padding:2px 5px;
border-radius:2px;
margin:10px 0;
behavior: url(/PIE.php); position: relative;
}
.loginbox .left .logout:hover{
background:#e48906;
text-decoration:none;
}
.loginbox .catalog-list{
overflow:hidden;
}
.loginbox .catalog-list li a{
border-bottom:1px dashed #d6d6d6;
font-size:11px;
padding:3px;
border-top:none;
}
.loginbox .catalog-list li a:hover{
border-bottom:none;
background-position:center;
padding:4px 3px 3px;
}
.loginbox .catalog-list li:last-of-type a:hover{
padding:3px;
}
.loginbox .catalog-list li:last-of-type a{
border-bottom:none;
}
.login-close{
display:inline-block;
float:right;
height:26px;
width:26px;
background:url(../images/login-close.png) top left no-repeat;
margin-top: -15px;
}
.login-close:hover{
background-position:bottom;
}
.login-form label{
position:absolute;
font-size:11px;
font-style:italic;
text-shadow:0 1px 0 rgba(0,0,0,0.29);
color:#fff;
margin:10px 15px;
text-transform:uppercase;
}
.login-form input{
background:url(../images/login-input.png) top left no-repeat;
width:331px;
height:37px;
border:none;
box-sizing:border-box;-moz-box-sizing: border-box;
padding:0 20px 5px 65px;
color:#fff;
padding-top:9px 0;
}
.login-border{
border-bottom:1px dashed #afafaf;
padding:5px 0;
}
button.login-submit{
float:none;
margin:10px 120px;
border:none;
padding:0px 5px 5px 30px !important;
text-align:left;
}