X-Cart forums

[Sisom]

Hi, I have one last final problem, which has also been driving me barmy for a few nights.

In IE8, the word 'Categories' is too high on its background image, and the bottom few pixels of the background image are not displayed.

You can view it here:

http://www.mrdtrading.co.uk/store/home.php?shopkey=martin

Further down the left-bar div, you can see the 'Bestsellers' heading is fine, it uses almost exactly the same CSS as the 'Categories' section, just a different background image (without the blue fade at the top).

Any help would be much appreciated!

[Sisom]

I've found out the cause of the problem, the background position was set as follows, in main.css, line 741:

.menu-dialog .title-bar {
  background: #FFFFFF url(images/2column/menu_bgtop.gif) no-repeat center center;
  border: 0px none;
  width: 186px;
  height: 30px;
  padding-top: 6px;
  line-height:36px;
  overflow: hidden;
}

It should have been

.menu-dialog .title-bar {
  background: #FFFFFF url(images/2column/menu_bgtop.gif) no-repeat top center;

Works perfectly now - so if you have similar problems with any background images, always try changing the positioning.