Christmas Background for #gkMainMenu margin problem

Hi, I took the freedom to borrow your banner design for christmas.

I've applied this CSS to my #gkMainMenu, It works fine except there is a margin on the left and right that I cannot get rid of.

Code: Select all

/* Christmass background pattern */

#gkMainMenu {
       background: #8bc6fe url('../images/xmas-bar.png') repeat-x center top;
         color: #fff;
   font: 400 18px/67px 'RobotoDraft', serif;
   height: 52px;
   text-align: center;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}



See the picture in attachment for the problem...

After inspecting the CSS on the front end with a browser tool, it looks like changing this CSS solved the problem, but once added to the CSS override it fails to affect the object:

Code: Select all


.frontpage .gkPage, #gkTop .gkPage {
max-width: 1400px;
}

Changing to:

.frontpage .gkPage, #gkTop .gkPage {
max-width: 1420px;
}



Thank you.
Regards

Could you please post an url to your site?

Yes sorry I forgot:

http://www.quebecguitare.ca/profs

Apologies

Instead of

Code: Select all

#gkMainMenu


please add the styling to:

Code: Select all

#gkTop


element

Great it worked!

Thanks

No problem.
Merry Christmas