dropdown nav should work perfectly...doesn't!

[cUUsh]

I've been fooling with this nav ALL NIGHT and now half the day...this is totally killing me!

This nav works just the way it's supposed too: www.cuush.com

But this one doesn't: http://www.cuush.com/ecom/know-your-buddha.php (no dropdowns)

This nav is from Stu Nicholls css website (he da man), it's totally built to work cross-browser and it DOES...
but when it gets into my template something gets messed up and I just can't see it.

The code is EXACTLY the same!

I've stripped the page one section at a time, up and down...I've tweaked everything I know on the two .css files.
(Yeah, there's two included with this PURE css nav...well, actually three including my original file -
but I've pulled each one off the page at one point or another and nothing helps!)

I'm certain the problem here is something obvious...
but even after 9 hours of tweaking I just don't know enough css to find it!

I'm REALLY trying to finish this tshirt business and crap like this isn't what I should be spending my time on right now....
so I would really appreciate if someone could take a look at this, or at least offer some suggestions as to where/why I might tweak something.

Watching one version work while the other doesn't - IN THE SAME DAMN BROWSER!!!!

Too much...

[tarbos]

the answer is simple:

the dropdown doesn't work because there is a parent table in the 2nd site. try to add the red lines around your 1st site and you'll see, that it doesn't work with parent tables.

<table>
  <tr>
    <td>

	<div class="menu">

		..............

	</div>

    </td>
  </tr>
</table>

you have 3 options now:

a) find out if this dropdown-css works in span-classes or divs or whatever
b) use a simple non-table dropdown-list like suckerfish (http://www.alistapart.com/articles/dropdowns/)
c) use the existing script with tables and change all other content with removing any parent table

i suggest you to use b) and c) ! tables are not meant to be used for content or navigation. (http://www.hotdesign.com/seybold/) so change your design... replace every table with div and some css rules. it's not as hard as it sounds and it makes your site faster!

[cUUsh]

Wow, I had no idea about tables restricting CSS that way...
I thought that z-index just went over top of everything?

So even though you've pointed out the problem,
I'm still having trouble grasping why it doesn't work.

I mean, I understand the problem...
but not the theory behind it.

Anyway, thanks for the heads up...that one was absolutely killing me,
I knew it was something simple that I just couldn't see (didn't know).

I plan to rewrite everything soon.

Thx.

[tarbos]

i guess the parent table limits the range of the children tables in IE. so you can't move "out" the defined CELL of the parent table and therefore the dropdown doesn't work.