Question about background image on Web app

Hi there, 

I'm trying to put a background image in the homepage using the Liverpool theme.

This is the code I used:

background: rgba(255, 255, 255, 1);
background-image: url(img/homepage.png);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;

However, the header portion with the menu is overlapping the background image.

Does anybody know what I am doing wrong?

Hi Ming Jun Siek,

I'm sorry for the very late reply - were you able to solve it?