I'm struggling with something really basic - how to get tables within a DIV to behave nicely in bother MSIE and everything else.
I have a CSS-based design. The important part is a wrapper DIV (#main) that contains an absolutely positioned right-hand bar (#right) and the content area (#content). #content is kept away from the #right by using a right margin. Now, I have put a table inside the content area to see what happens. Although I know most data tables should size to handle the data being displayed, I deliberately set this one to a width of 100%. It broke in MSIE, by pushing the width of the page way out. What exactly is the right way to get this work. I figured it out once before but have absolutely no idea what I did; after struggling to get everything else right it seems to basic! Thanks for any suggestions. The relevant snippets of CSS are below. Anura CSS snippets #main { width: 100%; position: relative; } #content { margin-right: 162px; padding: 30px; } #right { width: 162px; position: absolute; top: 0px; right: 0px; padding: 5px; voice-family: "\"}\""; voice-family:inherit; width:152px; } ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************