Drop down menus appearing right in Firefox but not IE7 1

[rexolio2008]

I don't have a lot of experience with css and am getting back into site development as a hobby. I cannot for the life of me figure why my drop down menus line up correctly in firefox but not in IE.

In IE, the drop downs are moved way over to the right and the "Welcome to..." text is pushed down on the page. It's perfect in FF.

http://www.rexolio.com/scg/index-menu.html

Any help or suggestions greatly appreciated!

 

[BillyRayPreachersSon]

You can fix the up/down issue by changing your top margin of 88px for top padding of 88px.

I suspect you can solve the left/right issue by setting position:relative on one of the container items and adjusting your left offset accoringly.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[rexolio2008]

Thanks Dan... the padding trick worked. I am befuddled as to why, so if could explain that would be great!

As far as the left/right issue... I tried changing the position value from absolute to relative - I noticed then that FireFox did the same thing as IE... the drop downs were way to the right.

As far as offsetting it with position set to relative, how would I do that? Set negative left margins?

 

[BillyRayPreachersSon]

No - Set the "left" property. Surely you'd want to drop-downs to be absolutely positioned, rather than relatively, though?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[rexolio2008]

Sorry, Dan... you're above my head. New to CSS. I'll try another avenue. Thanks for the help on the margin/padding issue though.

 

[rexolio2008]

Any Experienced Tek-Tippers,

I started over with the menus. Again, I get down to the exact behavior that I want in Firefox, but IE just refuses to interpret the CSS the way Firefox does. I don't understand why. If there is anyone who can help me out, I'd really, really appreciate it!

Here's my latest attempt:

http://www.rexolio.com/scg/index-menu2.html.

View in Firefox first to see what it's NOT doing in IE.

Thanks in advance.

 

[ChrisHirst]

start with a using a doctype

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[rexolio2008]

Ah, Chris... you're my hero. I had a DOCTYPE in the original index file, but I forgot it when I started making copies to test different menu scripts. Works great now.

I'm going to have a beer now. I'll be toasting you!