We are experiencing an issue when the first time you visit the website (http://www.motiveconsulting.biz). The navigational buttons are 'floating' off a few pixels from the horizontal images when the home page first loads. The moment you click on the page or hover over the navigation link, the tab jump into the correct location.

This only appears to happen on the very first visit of the website. Clearing the cache can reproduce the problem again. This happens with all OSes (Windows XP, Vista, Mac, Ubuntu) and browsers (IE, FF or Safari).

The problem seems to be with the #primary-menu div and an IE hack noticed in the css file. I'm attaching a screenshot of both a working and non-working instance.

CommentFileSizeAuthor
#7 tab-Issue-framed.png183.4 KBsaviles
#2 screenshots-2009-21-30-23-12-10.zip1.09 MBjwolf
Incorrect spacing42.73 KBsaviles
Good and expected spacing44.64 KBsaviles

Comments

saviles’s picture

saviles commented

Anyone have a suggestion on how to fix this?

jwolf’s picture

jwolf commented
Category: bug » support
Status: Active » Postponed (maintainer needs more info)
StatusFileSize
new screenshots-2009-21-30-23-12-10.zip1.09 MB

I am unable to reproduce this.
Attached is a zip w/ screenshots of your homepage in all major browsers; none of the screenshots show the problem you are having.

keith.smith’s picture

keith.smith commented
Status: Postponed (maintainer needs more info) » Closed (duplicate)

This is most likely a duplicate of #405882: Primary links toolbar "floats" wrong in IE7.

jwolf’s picture

jwolf commented
Status: Closed (duplicate) » Postponed (maintainer needs more info)

@keith.smith - This issue is not a duplicate if it is reported to be happening in all browsers not just IE7.

This happens with all OSes (Windows XP, Vista, Mac, Ubuntu) and browsers (IE, FF or Safari).

keith.smith’s picture

keith.smith commented

In my experience, it only happens in IE, but that doesn't mean that's really the only place it happens. The two bugs seem too similar to be different. It may be the other issue is just incorrectly titled. But, it's your queue, so I'll defer to your better judgement. Thanks for thinking about this! I do have access to one system that seems to be able to reliably reproduce this (hence the screen shot in the other issue), if that helps.

keith.smith’s picture

keith.smith commented

@saviles:

The problem seems to be with the #primary-menu div and an IE hack noticed in the css file. I'm attaching a screenshot of both a working and non-working instance.

What specific IE hack do you think this problem is related to?

saviles’s picture

saviles commented
StatusFileSize
new tab-Issue-framed.png183.4 KB

@keith.smith

The hack that I'm talking about is

Lines... 342 - 347 on style.css
#header-bottom {
  margin: 0 auto;
  position: relative;
  width: 960px;
  z-index: 600;    /* fixes IE z-index bug */
}

I do know that i was able to reproduce it consistently in IE on WIndows XP (I can't seem to reproduce it in Ubuntu right now). Using IE Developer Toolbar i was able to notice that it was the #primary-menu that was 'out of place' (see image).

jwolf’s picture

jwolf commented

@saviles - what browser is this happening in? Is it all browsers or just IE7?

saviles’s picture

saviles commented

I know it personally happens on IE6. I got reports that it also happens on IE 7 too.

I believed that it also occurred on FF but I cannot confirm that and/or recreate the issue.

jwolf’s picture

jwolf commented
Status: Postponed (maintainer needs more info) » Closed (duplicate)

http://drupal.org/node/405882