Odd div placement issues 1

[skiflyer]

I'm trying to implement some CSS dropdown menus... with a little javascript tossed in to make it work in IE.

Everything's more or less working, but I'm having some issues between browsers...

in IE it all appears fine.
in Firefox, the div after the menus is placed to the far right on the screen, rather than below. if I put 3 or more br's in then it gets put in the right place horizontally, but in IE it's shifted too far vertically then (also you can notice the far right option Support/Contact doesn't quite highlight properly)
in Opera, the divs overlap, causing much of the navigation to be unusable.

You can see what I'm talking about at

http://oculardata.com/staging

(following the links will take you out of the staging area)

The colors and whatnot are temporary... I'm implementing the son of suckerfish menus from the following example

http://www.htmldog.com/articles/suckerfish/dropdowns/example/

Any ideas would be greatly appreciated.

 

[Vragabond]

Putting [tt]clear: both;[/tt] on the #mainbody should fix the problem. I would still do away with the tables though.

 

[BillyRayPreachersSon]

Are you still seeing the problem, or have you fixed it? I ask because it looks fine for me in Firefox 1.5.0.3/Win.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

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

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

[/tt]

 

[BillyRayPreachersSon]

Aaah - ignore that. I didn't see Vragabond's reply!

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

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

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

[/tt]

 

[skiflyer]

Fixed it... the clear: both; was exactly the fix...