If I'm not mistaken, absolute positioning will allow you to position it almost where ever you like, but when viewed in different resolutions, it will affect the positioning of that image.

After you get the image to where you want, try viewing it on a different PC that has a different resolution. The image may not be in the position you want.

MrWobbles, on 17 October 2011 - 07:53 AM, said:

I used the IE8 developer tools in a couple instances, which was very helpful.

As for hspace, that was in there from one of my desperate attempts at fixing the problem in hope that it would work. I must have forgotten to delete it.

I have solved the problem by removing the table and using <div> tags as everyone suggested. I still wasn't able to get the logo positioned to where I wanted it, so I used absolute positioning to get it right. (not sure if that's the correct way to go, but it works for me)

I'm not sure if anyone's interested, but here's the HTML and CSS so you can see what I changed.

HTML:

<div id="container">
	<div id="header">
	   <div id="headercol1">
	      <div align="right">
    	         <h1><img src="images/TitleLogo.png" alt="Logo"></h1>
	      </div>
	   </div>
	   <div id="headercol2">
	      <div align="left">
                 <h1><a href="/">Langeloth Metallurgical Company</a></h1>
                 <h2>An Affiliate of Thompson Creek Metals</h2>
	      </div>
	   </div>
	   <h1><img src="images/SiteBanner2.png" alt="Photos"></h1>
        </div>

CSS:

body {
	background: #000000 url('images/bodybg.png') repeat-x scroll top left;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555555;
	<img src="images/logo2.jpg">;
}
* {
	margin:0;
	padding:0;
}
/** element defaults **/
table {
	width: 100%;
	text-align: left;
}
th, td {
	padding: 10px 10px;
}
th {
	color: #fff;
	background-color: #9D0019;
}
td {
	background: #fff;
	border-bottom: 1px solid #d0d0d0;
}
code, blockquote {
	display: block;
	border-left: 5px solid #ddd;
	padding: 10px;
	margin-bottom: 20px;
}
blockquote {
	border-left: 5px solid #9D0019;
}
blockquote p {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	color: #666;
	height: 1%;
}
p {
	line-height: 1.5em;
	margin-bottom: 20px;
}
a {
	color: #25567B;
}
a:hover {
	color: #333333;
}
a:focus {
	outline: none;
}
fieldset {
	display: block;
	border: none;
	border-top: 1px solid #e0e0e0;
}
fieldset legend {
	font-weight: bold;
	font-size: 13px;
	padding-right: 10px;
	color: #222;
}
fieldset form {
	padding-top: 15px;
}
fieldset p label {
	float: left;
	width: 150px;
}
form input, form select, form textarea {
	padding: 5px;
	color: #333333;
	border: 1px solid #ddd;
}
form input.formbutton {
	border: none;
	background-color: #9D0019;
	color: #ffffff;
	font-weight: bold;
	padding: 6px 10px;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing: 1px;
	width: auto;
	overflow: visible;
}
span.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff0000;
}
h1 {
	color: #999;
	font-size: 35px;
}
h2 {
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 33px;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 5px;
	margin: 0;
}
h3 {
	color: #9D0019;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 10px;
}
h4 {
	padding-bottom: 10px;
	font-size: 15px;
	color: #555555;
}
h5 {
        font-weight: normal;
	padding-bottom: 10px;
	font-size: 13px;
	color: #666666;
}
ul, ol {
	margin: 0 0 35px 35px;
}
li {
	padding-bottom: 5px;
}
li ol, li ul {
	font-size: 1.0em;
	margin-bottom: 0;
	padding-top: 5px;
}
#address {
        font-size: 12px;
	line-height: 1px;
}
#columns {
	width: 670px;
	background: #f0f0f0;
}
#columns .column {
	position: relative;
	width: 46%;
	padding: 1%;
	background: #f0f0f0;
}
#columns .left {
	float: left;
}
#columns .right {
	float: right;
}
#container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}
#header {
	padding: 20px 0px;
	margin: 0 auto;
	border: 0;
}
#headercol1 {
	width: 70px;
	height: 95px;
	float: left;
	position: absolute;
	top: 40px;
}
#headercol2 {
	width: 885px;
	height: 95px;
	float: right;
	padding: 0;
	margin: 0;
}
#header h1 a {
	font-family: Calibri, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 57px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
	font-style: bold;
	border: none;
}
#header h2 {
	color: #B8001F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
}
#header3 h1 a {
	font-family: Calibri, "Times New Roman", Times, serif;
	color: #fff;
	font-size: 60px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 3px;
	font-style: bold;
}
#header3 h2 {
	color: #B8001F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
}
#body {
	float: left;
	width: 670px;
}
#content {
	padding: 10px;
	background: #f0f0f0;
	margin: 0;
}
.headbarleft {
	width: 100px;
	padding: 0px;
	float: left;
}
.headbarright {
	width: 900px;
	padding: 0px;
	float: right;
}
.sidebar {
	width: 280px;
	padding: 0;
	float: right;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar ul li {
	margin-bottom: 20px;
	line-height: 1.9em;
	background-color: #e6e6e6;
}
.sidebar li ul {
}
.sidebar li ul li {
	display: block;
	border-top: none;
	padding: 6px 7px;
	color: #777;
	margin: 0;
	line-height: 1.5em;
	font-style: italic;
}
.sidebar li ul li a {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
.sidebar li ul.blocklist li {
	padding: 0;
}
.sidebar li ul.blocklist li a {
	display: block;
	padding: 10px 8px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	font-style: italic;
}
.sidebar li ul.email li {
	display: block;
	padding: 10px 8px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	font-style: italic;
}
.sidebar li ul li a:hover {
	color: #222;
}
.sidebar h4 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background: #9D0019 url('images/h4-bg.jpg') repeat-x scroll top left;
	border: 2px solid #7B0012;
	font-size: 15px;
	letter-spacing: 1px;
	margin: 0;
	padding: 7px;
	font-weight: bold;
}
.clear {
	clear: both;
}
#footer {
	background-color: #222;
	padding: 5px
}
#footer p {
	text-align: left;
	color: #fff;
	font-size: 11px;
	margin: 0;
}
#footer p a {
	color: #fff;
}
#cfooter p {
	text-align: center;
	color: #fff;
	font-size: 11px;
	margin: 0;
}

Thanks again everyone for your help.

MrWobbles, on 14 October 2011 - 02:01 PM, said:

Good catch on the spelling, sorry about that. I did, however, correct it and it still appears.
Also, yes that is the only place I'm using a table. The reason I decided to use a table in the heading like that is because I tried using <div> first but I couldnt get the header content to line up how I wanted it to. I was able to arrange the header how I wanted using a table, but then I got this white line problem. I will remove the table and try again using <div> or <span> and let you know how I come out. Thanks for your help.

DarenR, on 14 October 2011 - 01:40 PM, said:

I am currently using IE8, but I have also tried opening it in Chrome and it still appears.

EDIT: I also tried clearing the cache, no luck though.

I tried that before, but it still appears. I tried deleting the line as well as changing the color code but no change. Thank you for your help btw.