Webiste looks different depending on browser

Hi!
I'm using the Boutique template, Joomla 2.5.1.

The home page looks different in Chrome and Firefox, I have the image show in the header 1 position and a custom HTML module in the header 2 position, looks ok in chrome, the only problem there is the module in header 2 position seams to be 6 px lower than the image show module. In firefox looks worst, the module originally in header 2 position appears below the image show. The URL is http://www.adminproservice.com

How can I change this?

Your width is not enough so it overlaps to next line.

Current usage which shows in firefox.

#gkHeader1 68.7%
#gkHeader2 31.32%
--------------------------
Total 100.2% which overlaps.

So add following code to your override.css located in templates/gk_templatename/css/override.css and enable Css override from template settings > advanced settings > css override "on".

Code: Select all

#gkHeader1 { width: 68%!important;}
#gkHeader2 { width: 32%!important;}


Also while adding your images in custom html module check the html source( in editor buttons ) and get rid of <p> tags which editor adds automatically.

See you around...

Thank you!
Looks ok now.

No problem at all, see you around...