Originally Posted by Jonny I doubt anyones going to be able to read through your code, it's pretty bad. I mean, look at this:

There is a reason for all the code in there The Div Positions it and sizes it, the row accounts for the fact that if I put in padding, Firefox messes about with the size of the box! The second is for the actual menu text, the link is of course what it is, it is a link, the span was for a feature I was going to put in, its pretty useless now. Hence where all the bits are from

Originally Posted by Jonny I would recommend you look at some of the navigation techniques on listamatic. Most of them work around IE6's crappy support of the :hover selector aswell as some of it's other quirks so they should work fine cross browser.

I shall have a looksee, I do hate writing more code than needed, but to be honest, as a rule, clean code works in Internet Explorer; I have to add bits for Firefox and Opera as displayed in the reason for this thread. For Opera even I needed to put tables in all my Divs, even ones that will never have content in them! Just so that it displays them! I mean... good lord come on! What is that all about?

Originally Posted by Jonny Your probably just not compensating for IE's incorrect implementation of the box model. It's pretty easy to work around. (there are details on that page)

Oh I know all about the bloody box model. I am afraid however that I do not believe Internet Explorer's Box Model is incorrect. As I see it, it is correct. Padding goes inside a box, if you've ever had something ordered from Amazon.com you will know this. Margin goes on the outside; if you have ever seen a Document you will know this. Borders are part of a box, if you ever measure a box and do not include its border you are a twit and your box will end up not made properly. If you look at how a box is made up logically you will see the Internet Explorer one is correct.

Originally Posted by Jonny As for the content not displaying in IE, I believe it is something to do with your javascript, you should probably try to debug it a bit. (I'm a bit busy to do that atm)

Content displays perfectly in Internet Explorer. It is not displaying in Firefox. The problem I am having is that my box is not opening up. Its not even that messed up code. There is a Div, it is positionned absolutely. There is a table, it covers the fact Opera doesn't like Divs. There is a Div, it is stretched to 100% of the table to overcome the fact no browser seems to like vertical positioning. A table inside the div... not sure what that's for but it shouldn't be a problem I would have thought. Two divs inside the table, they both float left, one hides overflow. Inside one div is another div which is relatively positioned and moves, in Internet Explorer it moves, in Firefox is moves but does not get hidden. In the other is another div for dragging. In Firefox it drags and moves the content, but only a little way. The actual boxes around these things, the content and the scroller, display only as two border lines, no gap between, in the middle of the area. There boxes have height on them, the have no padding, they have no margin, there is nothing about these boxes that says shrink to a size that normally a box would not shrink to even if you wanted it to because the text is not that small. It just... it doesn't make sense. I have it at 100% height normally, it is the right way, but even with a pixel rated height it changes nothing.

I simply cannot work out why it does this. Excessive levels of code aside, those boxes should be 100% high however much stuff is in there according to the div it is inside. There is even a table to hold the positioning inside that Div together. Because for some unknown reason, Firefox and Opera do not believe that Divs should be used... at all? There is no positioning inside divs you cannot float things they don't even get displayed if you're not careful.

Somebody must to know why this doesn't work...