Edit:
Using Safari, Mac version 10.###
Here's the HTML code for reference (still super basic, just trying to get past this image problem before attempting anything else).
<!DOCTYPE html>
<style>
li {
display:inline;
padding: 10px;
}
</style>
<body>
<center>
<h3>Try the problem first, then click the solution.</h3>
<nav>
<ul>
<li><a href="http://acsweb.ucsd.edu/~gpc001/">Home</a></li>
<li><a href=“solutions.html">AP Calculus Exam Solutions</a></li>
<li><strong><a href="examples.html">Practice Problems</a></strong></li>
<li><a href="misc.html">Helpful Resources</a></li>
<li><a href="contact.html">Contact Mr. Calculus</a></li>
</ul>
</nav>
<table>
<tr>
<th>Problem</th>
<th>Solution</th>
</tr>
<tr>
<th>Maximum length of a ladder able to go around a corner in a hallway <br>
<style type="text/css">
/* animated spoiler CSS by Bloggersentral.com */
.spoilerbutton {display:block;margin:5px 0;}
.spoiler {overflow:hidden;background: #f5f5f5;}
.spoiler > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}
.spoilerbutton[value="Show"] + .spoiler > div {margin-top:-100%;}
.spoilerbutton[value="Hide"] + .spoiler {padding:5px;}
</style>
<input class="spoilerbutton" type="button" value="Show" onclick="this.value=this.value=='Show'?'Hide':'Show';">
<div class="spoiler"><div>
<img src=“images/irTRAUW.gif”>
</div></div>
</th>
<th>Solution</th>
</tr>
</table>
<img src=“http://acsweb.ucsd.edu/~gpc001/pracprob1.png”>
</center>
</body>
