Here you can find the code:
Zipped test case
I have created a simple table with some external CSS styles (curriculum.css) applied to it. There is a link on the top of the table. However, when loaded in an iframe and linked to an external stylesheet, the table loses some of its borders upon reload. This appears to be a bug in IE8, but I am unsure if there is an issue with my code or if there is a way to avoid this.
Case 1: The page is loaded by itself (case12/wsmissinglines.htm) and linked to an external CSS file.
Upon initial load - displays correctly
After clicking the link at the top - still displays correctly
screenshot 1: img24.imageshack.us/i/case1i.jpg/
Case 2: The page is loaded in an iframe (case12/main.htm) and linked to an external CSS file.
Upon initial load - displays correctly
After clicking the link on top - the first two columns below the first row lose their borders
screenshot 2: img40.imageshack.us/i/case2c.jpg/
Case 3: The page is loaded in an iframe (case3/main.htm), and CSS declarations are moved into the header.
Upon initial load - displays correctly
After clicking the link on top - still displays correctly
screenshot 3: img140.imageshack.us/i/case3.jpg/
Note:
I also have a more complex table where the issue is not as consistent. It takes several clicks (from previous/next links) before the borders disappear. Additionally, whether the styles are applied as a class or inline style attribute does not seem to make a difference. I am willing to provide another test case with these inline styles if necessary.
Thank you in advance