Hi Iíve recently been designing a dynamic resizing website with css (well some of it ) which has been going well until I wanted to put some content into a div tag which is situated in the middle of the screen of a table cell. Currently the height and width is set to 100% which works fine in IE but not in firefox where it continues to make the div bigger then the available space in the table cell. Basically I'd like it to go to the maximum space of the table cell and then display a scroll bar. I've had a look round for this problem and I understand that firefox is doing the correct behaviour, but obviously I donít want this. A large part of my searching included this forum but I could not find anything relevant to my situation as I'm putting the div inside table not on the page body root.
Here is the prototype page Iíve been working on:
Any help on this would be appreciated thanks!