Ikea... Dropdown Menu oops!

Ikea made a pretty big oops on their United Kingdom site today. On their homepage, somebody scheduled a large flash mod, but didn't set the wmode correctly. They used a variable in their embed tag I haven't seen used before, flashvars="wmode=transparent", when they should have just done wmode="transparent". This is still surprisingly a common mistake on sites that combine flash elements with good ol' html, css and javascript. Unfortunately, there is no way to fix this by assigning z-indexes to the holder for the flash element and the navigation, the flash must have the wmode set to transparent.

Click Image above to view larger

Here is their source code:

<div id="flashcontent_used" class="firstFlashContent" style="">
 <embed
   width="900"
   height="370"
   flashvars="wmode=transparent" <- The Rogue code
   quality="high"
   bgcolor="#ffffff"
   name="sultan_nlp"
   id="sultan_nlp"
   style=""
   src="/ms/en_GB/flash/homepage/sultan_new_lower_price.swf"
   type="application/x-shockwave-flash"
  />
</div>


Remove that line and add wmode="transparent" and everything would work kosher.

Click Image above to view larger

This is why edits edits edits (check out the blog post) are so important!