
See how the text ges bumped to the right a few pixels in this image (I highlighted the text to help illistrate it)? This only happens in IE. I ran into the problem a few days ago and can't remember what the problem was. Anybody know? Here is the HTML:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>No Title</title>
<meta http-equiv="Content-Type" content="text/html; utf-8" />
<link rel="stylesheet" href="styles/main.web.css" />
</head>
<body>
<div id="container">
<div id="header">
<div id="header_logo"><span>No Title</span></div>
<div id="header_photos"></div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#" class="one">Interests</a></li>
<li><a href="#" class="two">Calendar</a></li>
<li><a href="#" class="three">Maps</a></li>
<li><a href="#" class="four">Contact</a></li>
<li><a href="#" class="five">Login</a></li>
<li><a href="#" class="six">About Us</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="content_left_box">
<h1>Lorem Ipsum </h1>
<div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc ultricies. Duis velit erat, congue vitae, auctor sit amet, pretium sed, eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam bibendum, magna sit amet mollis varius, neque pede condimentum turpis, a tempor orci metus id neque.</p></div>
</div>
<div id="content_main_box">
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam vel nisi. Cras mauris. Cras eu pede. Nullam nec odio a pede molestie aliquam. Aliquam erat enim, pellentesque vitae, mollis id, suscipit eu, velit. Aenean at arcu ut lectus vehicula sollicitudin. Duis vel mi. Mauris dignissim ante suscipit erat. Integer dignissim lectus in ligula. Nullam ultricies mattis nulla. Ut non sem eget nunc commodo porttitor. Suspendisse quis libero. </p>
<p>Vivamus ornare nonummy leo. Nam auctor pede ac urna. Mauris et metus vel odio fermentum vehicula. Suspendisse vulputate lacus in dolor. Morbi lacinia urna a urna. Cras vitae leo. Nunc sollicitudin. Quisque magna sem, dapibus ut, vestibulum vel, pharetra vulputate, ligula. In elementum lectus id lorem. Fusce eget eros eget nulla imperdiet mollis. Mauris tempor ipsum vitae tortor. </p>
<p>Nunc rutrum aliquam quam. Donec sem tellus, imperdiet in, consequat mollis, volutpat sit amet, dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque eu augue vitae libero vestibulum volutpat. Vivamus libero. Aliquam erat volutpat. Integer varius eros sagittis justo. Praesent faucibus mi vel nulla. Etiam volutpat venenatis est. Etiam nec orci. Pellentesque pellentesque ante ac augue. </p>
<p>Duis lectus lectus, fringilla eu, varius id, convallis vel, diam. Nam vel mi a enim lobortis egestas. Vestibulum in arcu vitae dolor aliquet convallis. Fusce ullamcorper sodales augue. Nulla luctus mattis libero. Donec consequat nunc ac tortor. Cras nisl enim, iaculis in, accumsan eget, eleifend eu, orci. Curabitur pretium, erat ac luctus faucibus, elit eros faucibus arcu, fringilla varius nisi risus non eros. Proin vitae ante. Nam interdum ante quis quam. </p>
<p>In pharetra turpis. Aenean ut leo lacinia dui molestie tincidunt. Phasellus hendrerit lorem a odio. Duis a metus nec nisi aliquam imperdiet. Ut nulla. Donec nisl. Pellentesque urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer mauris. Maecenas consequat lacinia turpis. Phasellus blandit, urna sed accumsan facilisis, lorem ipsum ultrices ligula, posuere porta tortor leo at nisl. Mauris ac enim. Maecenas ac nulla eu augue lacinia eleifend. </p>
<h1>Nunc Rutrum Aliquam Quam</h1>
<p>Nunc rutrum aliquam quam. Donec sem tellus, imperdiet in, consequat mollis, volutpat sit amet, dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque eu augue vitae libero vestibulum volutpat. Vivamus libero. Aliquam erat volutpat. Integer varius eros sagittis justo. Praesent faucibus mi vel nulla. Etiam volutpat venenatis est. Etiam nec orci. Pellentesque pellentesque ante ac augue. </p>
<p>Duis lectus lectus, fringilla eu, varius id, convallis vel, diam. Nam vel mi a enim lobortis egestas. Vestibulum in arcu vitae dolor aliquet convallis. Fusce ullamcorper sodales augue. Nulla luctus mattis libero. Donec consequat nunc ac tortor. Cras nisl enim, iaculis in, accumsan eget, eleifend eu, orci. Curabitur pretium, erat ac luctus faucibus, elit eros faucibus arcu, fringilla varius nisi risus non eros. Proin vitae ante. Nam interdum ante quis quam. </p>
<h1>Phasellus hendrerit</h1>
<p>In pharetra turpis. Aenean ut leo lacinia dui molestie tincidunt. Phasellus hendrerit lorem a odio. Duis a metus nec nisi aliquam imperdiet. Ut nulla. Donec nisl. Pellentesque urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer mauris. Maecenas consequat lacinia turpis. Phasellus blandit, urna sed accumsan facilisis, lorem ipsum ultrices ligula, posuere porta tortor leo at nisl. Mauris ac enim. Maecenas ac nulla eu augue lacinia eleifend. </p>
<h1>Phasellus hendrerit lorem a odio</h1>
<p>Nunc rutrum aliquam quam. Donec sem tellus, imperdiet in, consequat mollis, volutpat sit amet, dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque eu augue vitae libero vestibulum volutpat. Vivamus libero. Aliquam erat volutpat. Integer varius eros sagittis justo. Praesent faucibus mi vel nulla. Etiam volutpat venenatis est. Etiam nec orci. Pellentesque pellentesque ante ac augue. </p>
<p>Duis lectus lectus, fringilla eu, varius id, convallis vel, diam. Nam vel mi a enim lobortis egestas. Vestibulum in arcu vitae dolor aliquet convallis. Fusce ullamcorper sodales augue. Nulla luctus mattis libero. Donec consequat nunc ac tortor. Cras nisl enim, iaculis in, accumsan eget, eleifend eu, orci. Curabitur pretium, erat ac luctus faucibus, elit eros faucibus arcu, fringilla varius nisi risus non eros. Proin vitae ante. Nam interdum ante quis quam. </p>
<p>In pharetra turpis. Aenean ut leo lacinia dui molestie tincidunt. Phasellus hendrerit lorem a odio. Duis a metus nec nisi aliquam imperdiet. Ut nulla. Donec nisl. Pellentesque urna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer mauris. Maecenas consequat lacinia turpis. Phasellus blandit, urna sed accumsan facilisis, lorem ipsum ultrices ligula, posuere porta tortor leo at nisl. Mauris ac enim. Maecenas ac nulla eu augue lacinia eleifend. </p>
</div>
</div>
<div id="footer">
<div id="footer_navigation">
<ul id="footer_navlist">
<li><a href="#">Interests</a></li>
<li><a href="#">Calendar</a></li>
<li><a href="#">Maps</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login</a></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
<div id="copyright"></div>
</div>
</div>
</body>
</html>Code: Select all
/* Main Content */
#content{
}
#content_left_box{
background-color: #739E51;
margin: 10px 0 10px 10px;
color: #FFFFFF;
width: 170px;
float: left;
}
#content_left_box div{
padding: 5px;
}
#content_left_box h1{
color: #ffffff;
line-height: 15px;
font-family: tahoma, verdana, arial, sans-serif;
font-size: 14px;
font-variant: small-caps;
padding: 5px;
background-color: #538934;
}
#content_main_box{
padding-left: 195px;
}
#content_main_box h1{
font-size: 14px;
font-weight: bold;
margin-top: 5px;
color: #538934;
background-color: inherit;
}
#content_main_box h2{
font-size: 13px;
font-weight: bold;
margin-top: 5px;
color: #538934;
background-color: inherit;
}
#content_main_box h3{
font-size: 12px;
font-weight: bold;
margin-top: 5px;
color: #538934;
background-color: inherit;
}
#content_main_box p{
margin: 5px;
}