i designed a website for school using firefox as a test browser, only to find out when i'm done that it doesnt work in ie. like, the menu's completely farked. but that's okay because firefox is what it will be viewed when graded 
but i'd like to get it working well in other browsers. it works about 80% in opera, except my colored horizontal rules dont work, and a little bit of javascript doesnt work, and that's the part i'm posting about.
is what's in the head
and
is what's in the body. this is just an example; i have this on about a dozen pages. if i have just the image, but not linked using the javascript, it's fine and displays in opera or anything, but if the image is a link like that then the image doesn't display. any ideas why?
oh, and i'll post the menu code if anyone knows how to get it working in ie.
is the stylesheet
and the html for the menu is
the image at the bottom isn't part of the menu, or particularly significant. what's wrong with the menu to where ie doesn't like it? i could post screenshots if needed.
but i'd like to get it working well in other browsers. it works about 80% in opera, except my colored horizontal rules dont work, and a little bit of javascript doesnt work, and that's the part i'm posting about.
Code:
<SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT">
function newwindow(flashwin) {
flashwindow = window.open(flashwin, "newwin", "width=800, height=547, toolbar=0, menubar=0, location=0, scrollbars=0, resizable=0, margin=0, padding=0")
flashwindow.focus()
}and
Code:
<a href="javascript:newwindow('../content/celmap.html')"
<img class="image" src="../images/celmap.png"></a>oh, and i'll post the menu code if anyone knows how to get it working in ie.
Code:
/*menu*/
ul {margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid #ccc}
ul li {position:relative}
li ul {position:absolute; left:149px; top:0; display:none}
ul li a {display: block; text-decoration:none; color:#FF33CC; background:#ffffff; padding:5px; border:1px solid #ccc; border-bottom:0}
li:hover ul, li.over ul {display:block; background-color:#33ff99}
a.menu:hover {background-color:#33ff99}
div.container{width:800px; margin:0;}
div.menu{float:left;}
.iframe{width:650px; height:500px; background-color:#FFFFFF; float:right; border:0}
body{background-image: url('../images/background.png'); font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
h4 {text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:10pt}
a.bottom {text-decoration:none; color:#FFFFFF;}and the html for the menu is
Code:
<div class="menu" align="left">
<ul>
<li><a href="pages/main.html" target="iframe" class="menu">Main</a></li>
<li><a class="menu">DMRA</a>
<ul>
<li><a href="pages/pencils.html" target="iframe" class="menu">Pencils</a></li>
<li><a href="pages/animlogo.html" target="iframe" class="menu">Animated Logo</a></li>
<li><a href="pages/cogmap.html" target="iframe" class="menu">Cognitive Mapping</a></li>
<li><a href="pages/indiv.html" target="iframe" class="menu">Individual Project</a></li>
<li><a href="pages/nut.html" target="iframe" class="menu">Nut and Bolt Rendering</a></li>
</ul>
</li>
<li><a class="menu">EM II</a>
<ul>
<li><a href="pages/scipost.html" target="iframe" class="menu">Mad Scientist Poster</a></li>
<li><a href="pages/grid.html" target="iframe" class="menu">Grid Drawing</a></li>
<li><a href="pages/2point.html" target="iframe" class="menu">2-Point Perspective</a></li>
<li><a href="pages/celmap.html" target="iframe" class="menu">Celestial Map</a></li>
<li><a href="pages/digart.html" target="iframe" class="menu">Digital Art</a></li>
</ul>
</li>
<li><a class="menu">Design Tech</a>
<ul>
<li><a href="pages/iframepage.html" target="iframe" class="menu">Iframe Page</a></li>
<li><a href="pages/flash.html" target="iframe" class="menu">Flash</a></li>
<li><a href="pages/game.html" target="iframe" class="menu">Game Concept</a></li>
<li><a href="pages/sketchhouse.html" target="iframe" class="menu">Sketchup House</a></li>
<li><a href="pages/lwcup.html" target="iframe" class="menu">Lightwave Cup</a></li>
</ul>
</li>
<li><a class="menu">OOP</a>
<ul>
<li><a href="pages/wd101.html" target="iframe" class="menu">Web Design 101</a></li>
</ul>
</li>
<li><a href="pages/wonky.html" target="iframe" class="menu">Mr. Luttrell</a>
</ul>
<img src="images/bannerside.png">
</div>