I only saw some very minor things in your code khaki. Again, unless I'm missing something, "padding: 4px;" should work because it means putting padding on all fours sides. In the iframe you had the numbers for the size, but not the type. I added "px" to both. Again, minor things at best. I then went and validated the page, and then changed it to link the CSS externally. Here's the breakdown...
Create a file named styles.css and put this code in it.
div#navMenu {
position: absolute;
top: 5px;
left: 0px;
width: 25%;
background-color: #369;
color: #000;
float: left;
margin-left: 1%;
margin-right: 1%;
border: none;
}
div#navMenu a {
display: block;
background-color: transparent;
border: 1px solid #000;
color: #000;
font-family: tahoma, verdana, arial, sans-serif;
font-size: 75%;
text-decoration: none;
text-align: left;
padding: 4px;
}
div#navMenu a:hover {
border: 1px solid #000;
color: #fff;
background-color: transparent;
font-weight: bold;
}
div#navContents {
position: absolute;
top: 5px;
left: 210px;
}
Now here's your actual HTML code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>My Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" title="Default" media="screen" href="styles.css" type="text/css">
</head>
<body>
<div id="navMenu">
<a href="http://www.nypost.com/" target="myIframe">This is the link for page 1</a>
<a href="http://www.oddtodd.com/" target="myIframe">This is the link for page 2</a>
<a href="http://www.comics.com/comics/getfuzzy/index.html" target="myIframe">This is the link for page 3</a>
<a href="http://webbedenvironments.com/dhtml/code/DHTML_CSSCode/index.html" target="myIframe">This is the link for page 4</a>
<a href="http://www.dooce.com/" target="myIframe">This is the link for page 5</a>
<a href="http://www.toysfortots.org/2002/index.html" target="myIframe">This is the link for page 6</a>
<a href="http://birdcam.kodak.com/cgi-bin/asCgi.pl?node=1&app=birdcam&laf=playground" target="myIframe">This is the link for page 7</a>
<a href="http://www.afn.org/~afn30091/80songs.html" target="myIframe">This is the link for page 8</a>
<a href="http://www.groovechamber.com/easter/" target="myIframe">This is the link for page 9</a>
</div>
<div id="navContents">
<iframe name="myIframe" src="http://www.DaveClarkConsulting.com" height="400px" width="575px">
</iframe>
</div>
</body>
</html>
Now, I have no idea what your final page will look like, but I'm not a real big fan of frames, or iframes. Case in point, looking at the posted code, some of the links not only require you to scroll up and down, but side to side. If you keep this in mind, make sure whatever goes into the iframe at least fits it horizontally. I would be tempted to make it fit vertically too, but that's coming from a person who only uses frames when I have to like for a class, or something.