Images within div no longer appearing in Chrome but appear in Safari

Question

I changed a div in my code to position: fixed, and it appears to make the div contents disappear.

The HTML:

<div id="social">
    <div id="imdb_link"><a href="#" target="_blank"><img src="images/imdb.svg"></a></div>
    <div id="insta_link"><a href="#" target="_blank"><img src="images/instagram.svg"></a></div>
</div>

The CSS:

#social{
    height: 35px;
    width: 90px;
    margin-left: 90%;
    position: fixed;
    bottom: 0;
}

#imdb_link{
    height: 20px;
    width: 20px;
    position: relative;
    float: left;
}

#insta_link{
    height: 20px; 
    width: 20px;
    position: relative; 
    margin-left: 25px;
}

The end result looks like this in Safari

..but unfortunately it doesn't seem to be displaying in Chrome now. I should note that -webkit-transform: translateZ(0); does not appear to help.