Hey there -
I'm not sure what's going on here, but I have a series of nested divs on my page. The mystery (bug?) can be found in the <div id="sponsors">. In IE (which I loathe), my image shows up fine all the time. In FF, my image ONLY shows up when I remove the value for the id, and just have my image within an unidentified div. I don't want inline styles.
Is this a bug I haven't heard of before?
Thanks folks!
My complete, simplified code is below:
**********************
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>title</title>
</head>
<body>
<div id="container">
<div id="top">
logo
<div id="topnav">
<div id="outer">
navigation
</div>
</div>
</div>
<div id="leftnav">
<div id="sponsors"> <!--remove id='' and it displays fine--->
<a href="index.html"><img id="r1" src="images/smile.gif" alt=""></a>
</div>
<div id="newStuff">
newstuff
</div>
</div>
<div id="content">
content
</div>
<div id="footer">
<ul id="menu">
bottom nav
</ul>
</ul>
</div>
updated link
</div>
</body></html>
I'm not sure what's going on here, but I have a series of nested divs on my page. The mystery (bug?) can be found in the <div id="sponsors">. In IE (which I loathe), my image shows up fine all the time. In FF, my image ONLY shows up when I remove the value for the id, and just have my image within an unidentified div. I don't want inline styles.
Is this a bug I haven't heard of before?
Thanks folks!
My complete, simplified code is below:
**********************
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>title</title>
</head>
<body>
<div id="container">
<div id="top">
logo
<div id="topnav">
<div id="outer">
navigation
</div>
</div>
</div>
<div id="leftnav">
<div id="sponsors"> <!--remove id='' and it displays fine--->
<a href="index.html"><img id="r1" src="images/smile.gif" alt=""></a>
</div>
<div id="newStuff">
newstuff
</div>
</div>
<div id="content">
content
</div>
<div id="footer">
<ul id="menu">
bottom nav
</ul>
</ul>
</div>
updated link
</div>
</body></html>