IE Is moving margin for my nav list over

[CamarotaDesign]

Direct Mail Marketing Site (http://www.marketingexpertsinc.net/css_site)

css file
(http://www.marketingexpertsinc.net/css_site/stylesheet.css)
I'm using a simple lnavigational menu list inside a container which is also inside another container (originally planned on doing something different in the first container, so I think one is redundant now)


I'm trying to figure out why IE (all versions) is moving over my list about 20 or 30 pixels on top of the 5 that I specified. FireFox and everything else I've tested seems fine.... any thoughts here? could it be because of the redudancy of the containers I've used?

[chris_bcn]

you definately have a wee case of divitis going on there.

I haven't had time to have a proper look - but first thing you should do is use a strict doctype - you're using transitional, which causes IE to use quirks mode and thus the incorrect box model - that might help.

for any weirdness positional stuff - www.positioniseverything.net

[CamarotaDesign]

Thanks chris, I changed it to strict but its still doing it :( I've been reading over pie, and I think it has something to do with the "divitis" so I'll be working on that today. The nav menu is "pipe dreams" from listamatic. (http://css.maxdesign.com.au/listamatic/) I'm trying to do a drop down navigational menu with it. The cool thing about "pipe dreams" is that it isnt a set dimension like suckerfish or other CSS dropdowns. I'll see if I can combine the elements of the two.

Also, can anyone answer this question: How much longer will javascript be needed for CSS dropdown menus?

[CamarotaDesign]

YES!!! GOT IT! now to make a pipe style nav list with drop down.... hmmmmm.

[Jackimalyn]

ha. hope your not using CSS for that dropdown...

I still have nightmares.

[CamarotaDesign]

uh oh, I was planning on it. nightmares with any CSS drop down? or just with one with Pipes in it?

[Jackimalyn]

no, with any. But only if your viewers are using IE 6 or below (which they prob are)
Its possible, there's just a lotta hacks and bugs to work out. Ive been told javascript is easier, but I dont know JS that well so I tried my luck with CSS. htmldog has a bunch of good tutorials and there are a lot of explinations on the hacks you have to use.

Its just more work than it should be. damn IE...

[chris_bcn]

CSS is simple - the problem is IE6 as it doesn't support :hove on any element other than an anchor - you need some JS to replicate that behaviour.

Son of suckerfish is still the best solution out there for my money

[CamarotaDesign]

Yeah, IE pisses me off, I havent used it in a long time, and I hate having to use it again now for cross browser stuff.

I was aware of the no support for hover as I have been doing something based off suckerfish... but I dunno if it can support the pipes style list, including a dropdown.

It seems like there isnt good CSS support in IE 7 as well. My friend was doing a CSS dropdown and it works fine in firefox, but not IE 7. So I'm just gonna go ahead and say IE7 sucks as well as the other version.

[chris_bcn]

IE7 supports hover - sounds like a coding issue rather than a browser issue to be perfectly honest. Maybe a hack or something in the JS file is throwing it off.

No reason why the pipelist should have problems - it's intrinsically the same as any list - whether it's used for nav or not