I have created a page using html, and CSS, some of the coding being done in DW8, some hand-coding. Code validates for FireFox and for IE.
See the page at: http://girlschorus.org/test.html
I have two problems:
1) Take a look at the page in both browsers. There is a logo in the upper left corner-ish of the layout. In IE, the logo does not appear. In FF it does. Interestingly, there is a "width" attribute for the ".roundbottom" class that seems to cause this. If I delete this attribute, the problem goes away. The problem started when I inserted that attribute. The .gif image is called in a div that is independent of and far away (wrt the flow) from the "roundbottom" div. So I can't figure out why the attribute of one affects the appearance of the other like this. AND, the first time I viewed the file on the server in IE, the graphic showed up! I refreshed the screen about five times and it disappeared, never to be seen again. Why would it show up once then not? Isn't the code interpreted by the browser the same way every time?
2) In both browsers, the bottom of the div class=round-box-content is too long. Something is pushing it down and I can't figure out what or how to fix it. I want the bottom of this div to be right near the bottom of the div class=color-of-right-gray-box, and for the div class=color-of-right-gray-box to overlap (in z-) the div class=roundbottom.
Any ideas?