Quick CSS problem

Dear reader,
up to enfold 3.4x I have used the following code to put one picture into the menu and one picture in the corner of the mainpage:

div.header_bg {
    box-shadow: 0px 0px 18px #ccc;
}
div.inner-container>strong.logo {
    background: #fff;
}div.entry-content-wrapper.clearfix {
width: 80%;
min-height: 600px;
}

html {
    background: #ffffff!important;
}
ul#avia-menu.menu.av-main-nav li a {
    border: none!important;
}table.avia-table tr td {
    border: none!important;
    color: #333!important;
    background: #efefef;
}#avia-menu.menu.av-main-nav .avia-menu-text {
    color: #3AB2C5!important;
    font-weight: bold!important;
}
div.avia-menu.av-main-nav-wrap {
    background: #fff;
    border-top: 0px solid!important;
}
div.inner-container>strong.logo {
    border: 0px solid;
}
h1, h2, h3 {
    color: #3AB2C5!important;
}
div#main {
    background: url(https://path/to/the/picture/picture.png) no-repeat scroll right bottom;
}
li#menu-item-655 {
    background: url(https://path/to/the/picture/picture.png) no-repeat;
    text-indent: -9999px;
    height: 140px;
    margin-top: 30px!important;
}div.textwidget>table>tbody>tr>td {
    padding: 0px;
}

But on higher versions he dont show the pictures anymore.
What I must change?

Thanks!