0

I have my site http://toddj.com which works fine in firefox 3.5, but hardly at all in IE8. I use tumblr and a custom theme that I built off of one of the original themes. I play around with it a lot so I think I've messed something up while doing this.

Here is the entire layout code that perhaps someone can find something I've overlooked:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{Title}   {block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
        <link rel="shortcut icon" href="{Favicon}" />
    <!--Defaults-->
    <meta name="color:Background" content="#eee"/>
<meta name="color:General Text" content="#333"/>
<meta name="color:Link" content="#903"/>
<meta name="color:Sidebar Header" content="#036"/>
<meta name="color:Post Title Static" content="#036"/>
<meta name="color:Post Title Hover" content="#4372AA"/>
    <!--Defaults-->
    

<style type="text/css">

blockquote {
        border-left: 3px solid #bbbbbb;
        padding-left: 5px;
}

a.link {
        font-size: 25px;
        border-bottom: 3px solid;
}

a.link:hover { 
        text-decoration: none;
        color: #4372AA;
}

img {
        border: none;
}

img.preview { 
        padding-right: 10px;
        border-style: none;
}

#twitter_update_list {
        list-style: none;
}

#twitter_update_list li {
        margin-bottom: 5px;
}

.commentblock {
        border: solid 1px #4372AA;
        padding: 5px;
        color: #4372AA;
        text-size: 9px;
        width: 95px;
        text-align: center;
}

h2 { 
        margin-bottom: 3px;
}
hr { 
        color: #cccccc;
        background-color: #cccccc;
        border: 1;
        width: 100%;
}

body {
	background-color: {color:Background};
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}
#container {
	width: 850px;
	margin-right: auto;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
}
.topleftcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: left;
	background-position: left top;
}
.toprightcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: right;
	background-position: right top;
}
.btmleftcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: left;
	background-position: left bottom;
}
.btmrightcorner {
	background-image: url(http://static.tumblr.com/o0fhq7f/hdFkggo9v/corners.png);
	height: 6px;
	width: 6px;
	overflow: hidden;
	float: right;
	background-position: right bottom;
}
.search {
	clear: both;
	margin: 0;
	padding: 0;
}
#pagination {
	width: 528px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: center;
	margin-top: 15px;
}
#footer {
	margin-bottom: 0px;
}
.paginationprev {
	width: 260px;
}
.posts-stretch {
	background-color: #FFFFFF;
	width: 538px;
	height: 6px;
	margin-left: 6px;
	margin-right: 6px;
}
#header {
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	width: 850px;
}
#banner {
	height: 90px;
	width: 810px;
	margin-left: 20px;
	margin-right: 20px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}
.header-left-margin {
	height: 90px;
	width: 20px;
	float: left;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
}
a.leftbanner {
	text-align: left;
	height: 50px;
	vertical-align: middle;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
a.leftbanner:link, a.leftbanner:visited {
	text-align: left;
	height: 50px;
	vertical-align: middle;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
a.leftbanner:hover, a.leftbanner:active {
	text-align: left;
	height: 50px;
	vertical-align: middle;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #EEEEEE;
	text-decoration: none;
}
.leftbannertext {
	text-align: left;
	height: 90px;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.leftbanner {
	text-align: left;
	height: 50px;
	font-size: 44px;
	font-family: bookman;
	width: 550px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 20px;
	padding-bottom: 15px;
}
.rightbanner {
	text-align: center;
	width: 260px;
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	background-repeat: repeat-x;
	height: 90px;
	float: right;
	font-family: bookman;
	color: #CCCCCC;
	font-size: 14px;
	padding-top: 2px;
}
.righttext {
	width: 196px;
	float: left;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin: 0;
	margin-top: 38px;
	margin-bottom: 0px;
}
form {
	height: 25px;
	padding: 0;
	margin: 0;
}
.header-right-margin {
	background-image: url(http://static.tumblr.com/o0fhq7f/GAckggob4/head-stretch.png);
	height: 90px;
	width: 20px;
	float: right;
}
#contentwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 850px;
	margin-bottom: 15px;
	margin-top: 15px;
}
#posts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 550px;
	float: left;
	margin-bottom: 15px;
}
.caption {
	width: 528px;
}

#sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 285px;
	margin-left: 15px;
	float: right;
	margin-bottom: 15px;
}
#posts ul {
	width: 538px;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
.side-stretch {
	width: 273px;
	height: 6px;
	margin-left: 6px;
	margin-right: 6px;
}

#sidecontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	width: 263px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#sidecontent ul {
	margin: 0px;
	padding: 0px;
}

.side-cat      {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 15px;
	margin-top: 0px;
}
.side-cat     h2        {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: {color:Sidebar Header};
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 10px;
	font-weight: 300;
}
.side-cat-follow      {
	list-style-image: none;
	list-style-type: none;
        margin-bottom: 10px;
}
.side-cat-follow     h2        {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: {color:Sidebar Header};
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-weight: 300;
}
.side-list   li    {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	font-size: 14px;
}
#sidebar  a:link, #sidebar a:visited    {
	color: {color:Link};
	text-decoration: none;
}
#sidebar  a:hover, #sidebar  a:active {
	color: {color:Link};
	text-decoration: underline;
}
a:link, a:visited    {
	color: {color:Link};
	text-decoration: none;
}
a:hover, a:active {
	color: {color:Link};
	text-decoration: underline;
}

li.post-one {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 10px;
	width: 528px;
}
.description {
	width: 528px;
}
.post-text {
	width: auto;
	color: {color:General Text Color};
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#postscontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	background-color: #FFFFFF;
	width: 528px;
	padding-left: 11px;
	padding-right: 11px;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
        overflow: auto;
}
.adcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	background-color: #FFFFFF;
	width: 538px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 14px;
}
#footercontent {
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	font-size: 12px;
	text-align: center;
}
#dateDay {
	width: 518px;
	background-color: #333;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #eeeeee;
   }
.following a img {
	border: solid 2px #333;
	margin-right: 2px;
	margin-bottom: 2px;
}
.following a img:link, .following a img:visited {
	border: solid 2px #333;
	margin-right: 2px;
	margin-bottom: 2px;
}
.following a img:hover, .following a img:active{
	border: solid 2px #999;
	margin-right: 2px;
	margin-bottom: 2px;
}
a.post-title {
	color: {color:Post Title Static};
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 538px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	;
	overflow: hidden;
	font-size: 22px;
}
a.post-title:link, a.post-title:visited {
	color: {color:Post Title Static};
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 538%;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	overflow: hidden;
	font-size: 22px;
}
a.post-title:hover, a.post-title:active {
	color: {color:Post Title Hover};
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 538%;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	font-weight: 300;
	overflow: hidden;
	font-size: 22px;
}
.photo {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.posted {
        font-size: 10px;
        color: #999999;
        margin-bottom: 5px;
}
.notecount {
        width: 98%;
        font-size: 10px;
        color: #999999;
        text-align: right;
}
.newdate {
        position:         absolute;
        left:             100px;
        width:            200px;
        color:            #999999;
        font-size:        20px;
        font-weight:      bolder;
}

#footer {
	margin-top: 15px;
	clear: both;
	width: 850px;
}
.footerstretch {
	background-color: #FFFFFF;
	height: 6px;
	width: 838px;
	margin-left: 6px;
	margin-right: 6px;
}
.paginationnext {
	width: 260px;
}
.prev-next {
padding-top: 15px;
}
#search-results {
	width: 510px;
	background-color: #333;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: normal;
	color: #eeeeee;
}
#search-results-yes {
	width: 518px;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	color: {color:General Text Color};
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#adtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: {color:General Text Color};
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	padding-bottom: 2px;
}
.postquote {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: {color:General Text Color};
	text-decoration: none;
	background-image: url(http://static.tumblr.com/o0fhq7f/IYmkggocg/quote-end.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 25px;
	padding-left: 75px;
	width: 378px;
	padding-right: 75px;
}
.quotesource {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: {color:General Text Color};
	width: 408px;
	padding-right: 65px;
	padding-left: 55px;
	text-align: right;
	padding-top: 10px;
}
.quoteend {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: {color:General Text Color};
	width: 65px;
	text-align: right;

	padding: 0px;
	height: 65px;
	float: right;
}
.quote-cont {
	background-image: url(http://static.tumblr.com/o0fhq7f/DYfkggodd/quote-start.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	color: {color:General Text Color};
	text-decoration: none;
	padding-top: 35px;
	width: 528px;
}
ul.chat {
	width: 315px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #333333;
	padding-left: 10px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
li.odd {
	background-color: #FFFFFF;
	padding: 4px;
	width: 330px;
}
li.even {
	background-color: #DDDDDD;
	padding: 4px;
	width: 330px;
}
.chat .label {
	font-weight: bold;
	color: #006699;
}
.notes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: {color:General Text Color};
	background-color: #fff;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 10px;
	width: 105px;
	text-align: left;
	margin-bottom: 10px;
}
            ol.notes {
	list-style-type: none;
	border-bottom: solid 1px #ccc;
	list-style-image: none;
	background-color: #fff;
	width: 510px;
            }

            ol.notes li.note {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-image: url(none);
            }

            ol.notes li.note img.avatar {
	vertical-align: -4px;
	margin-right: 5px;
	height: 16px;
	list-style-image: none;
	list-style-type: none;
	border: none;
	margin-left: 5px;
            }

            ol.notes li.note span.action {
	list-style-image: none;
	list-style-type: none;
            }

            ol.notes li.note .answer_content {
                font-weight: normal;
	list-style-image: none;
list-style-type: none;
            }

            ol.notes li.note blockquote {
	border-color: #eee;
	list-style-image: none;
	list-style-type: none;
            }

            ol.notes li.note blockquote a {
                text-decoration: none;
	list-style-image: none;
list-style-type: none;
            }
.post-photo {
	width: 520px;
}

.notes-bottom {
	background-color: #EEEEEE;
	width: 508px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#reblog {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: {color:General Text Color};
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 10px;
	width: 520px;
}
.sideblock {
	margin-bottom: 15px;
}
.sidebar-box {
margin-bottom: 15px;
}
{CustomCSS}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: {color:Sidebar Header};
	text-decoration: none;
	border-bottom-style: none;
	border-bottom-color: #333333;
	border-bottom-width: thin;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 10px;
	font-weight: 300;
	width: 520px;
}
</style>
</head>

<body>
<div id="container"><div id="header">
  <div class="header-left-margin"></div>
    <div class="header-right-margin"></div>
  <div id="banner">

      <div class="rightbanner">
        <div class="righttext">Search {Title}</div>
          <div class="search">
    <form action="/search" method="get">
    <input name="q" type="text" size="24" onfocus="if (this.value == 'Click to search the site...') {this.value = '';} if (this.value == 'Click to search the site...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Click to search the site...';}" onkeyup="showResult(this.value)" value="Click to search the site..." />
    
    <input type="submit" value="Search"/>
</form>
    </div>
    </div>
      <div class="leftbannertext">
        <div class="leftbanner"><a href="/" class="leftbanner">{Title}</a></div>
  </div>
  
</div>
</div>



  <div id="contentwrapper">


<!--start sidebar-->


<div id="sidebar">
<div class="sidebar-box">
<div class="side-stretch"></div>
<div id="sidecontent">
     <ul>
     <li class="side-cat">
     <h2>Welcome</h2>
     <a href="{PortraitURL-128}"><img style="float:left;padding-right:10px;
     padding-bottom:2px;" src="{PortraitURL-64}" border="0" alt="Todd Jones"/></a>{Description}
     </li>
     </ul>
</div>
</div>

<div class="sidebar-box">
  
  <div class="side-stretch"></div>
    <div id="sidecontent">
<ul>
    <li class="side-cat-follow">
    <h2>Blogs I Follow</h2>
    <center>
    <div class="following">

        {block:Following}{block:Followed}
         <a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" class="following" 
         alt="{FollowedURL}" border="0" /></a>
        {/block:Followed}   {/block:Following}   </div>
    </center>
</li>
  </ul>
</div>

{block:Twitter}
<div class="sidebar-box">
<div class="side-stretch"></div>
<div id="sidecontent">
     <ul>
     <li class="side-cat-follow">
     <h2>Twitter</h2>
     <ul id="twitter_update_list"><li>
     <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> 
     <script type="text/javascript"
     src="http://twitter.com/statuses/user_timeline/toddjones.json?callback=twitterCallback2&count=5"></script> </li>
     </li>
     </ul>
</div>
</div>
{/block:Twitter}

<div class="sidebar-box">
<div class="side-stretch"></div>
<div id="sidecontent">
<ul>
<li class="side-cat">
<h2>Tag Cloud</h2>
<ul style="list-style: none;">
<li>
<!-- Start Tumblr Tag Cloud -->
<script type="text/javascript" src="http://tumblrtags.rivers.pro/jquery.js"></script><script type="text/javascript" src="http://tumblrtags.rivers.pro/widget.js?css=default&minsize=120&maxsize=280&limit=20"></script>
<!-- End Tumblr Tag Cloud -->
</li>
</ul>
</li>
</ul>
</div>
</div>

</div>
</div>


<!--end sidebar-->

<!--start adbar-->
<!--start post content-->

<div id="posts">



  <div class="topleftcorner"></div>
  <div class="toprightcorner"></div>
  
  <div class="posts-stretch"></div>
    <div id="postscontent">
    
        <!--search-->


            {block:SearchPage}
<div id="search-results-yes">
{block:NoSearchResults}
Sorry: 
      
            {/block:NoSearchResults}


          
        
            <a href="{URLSafeSearchQuery}"><em>{SearchResultCount}</em></a> Result(s) Found For <a href="{URLSafeSearchQuery}"><em>{SearchQuery}</em></a></div>
 {/block:SearchPage}            


            <!--end search-->
    
    
    
    
             
{block:Posts}
<ul>
                
{block:Regular}
     <li class="post-one">
     <div class="regular">
     {block:Title}<p><a href="{Permalink}" class="post-title">{Title}</a></p>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span>
     {/block:Title}
     {Body}
     </div>
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Regular}

{block:Photo}
     <li class="post-photo">
     <h2><a href="{Permalink}" class="post-title">Image</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     <center>
     <a href="{PhotoURL-HighRes}" alt="{PhotoAlt}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"
     border="0" class="photo"/></a>
     </center>
     {block:Caption}
     <div class="caption">{Caption}</div>
     {/block:Caption}
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Photo}

{block:Quote}
     <li class="post quote">
     <h2><a href="{Permalink}" class="post-title">Quotation</a></h2>
    <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span>
     <div class="quote-cont">
     <div class="postquote">
     {Quote}
     </div>
     </div>
     {block:Source}
     <div class="quotesource">&mdash; {Source}</div>
     {/block:Source}
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Quote}

{block:Link}
     <li class="post link">
     <h2><a href="{Permalink}" class="post-title">Link</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     <a href="{URL}" class="link" {Target}>{Name}</a>
     {block:Description}
     <div class="description">{Description}</div>
     {/block:Description}
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Link}

{block:Audio}
     <li class="post-one" >
     <h2><a href="{Permalink}" class="post-title">Audio</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     {AudioPlayerGrey}
     <br />
     {Caption}            
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Audio}
           
{block:Chat}
     <li class="post chat">
     {block:Title}
     <h2><a href="{Permalink}" class="post-title">{Title} (Chat)</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span><br /><br />
     {/block:Title}
     <ul class="chat">
     {block:Lines}
     <li class="{Alt}">
     {block:Label}
     <span class="label">{Label}</span>
     {/block:Label}
     {Line}                                
     </li>
     {/block:Lines}
     </ul>
     </li><br />
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Chat}

{block:Video}
     <li class="post video">
     <h2><a href="{Permalink}" class="post-title">Video</a></h2>
     <img width="9px" src="http://www.veryicon.com/icon/preview/System/Function/speech%20bubble%2048%20Icon.jpg" />
     <span class="posted">By <a href="{PostAuthorUrl}">{PostAuthorName}</a>&nbsp;&nbsp;  
     {ShortMonth} {DayofMonth}, {Year} {12Hour}:{Minutes} {AmPm}
     <br />
     <img width="9px"src="http://blogs.starbucks.com/Themes/msi/images/common/sbux/tag_icon.png" 
     />
     Tagged as {block:tags}#<a href="{tagurl}">{tag}</a> {/block:tags}</span>
     <center>
     {Video-500}
     </center>
     {AudioPlayer}{block:Caption}
     <div class="caption">{Caption}</div>
     {/block:Caption}                    
     </li>
{block:NoteCount}<div class="commentblock">{NoteCountWithLabel}</div>{/block:NoteCount}
{/block:Video}


{block:IndexPage}
<div class="notes">
{/block:IndexPage}
{block:PostNotes}
<h3>Notes For This Post:</h3>
<div class="notes-bottom">
{PostNotes}</div>
{/block:PostNotes}




{block:RebloggedFrom}
   <p id="reblog">(via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>)</p>   
    {/block:RebloggedFrom}
        </ul>
   {/block:Posts} 
  
  
  
  
  
  <!--end post content-->
<!-- pagination-->
    
    
    
    {block:Pagination}
    <div id="pagination">
    <div class="prev-next">
                    {block:PreviousPage}
<a href="{PreviousPage}">← New Posts</a> &nbsp;&nbsp;
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Older Posts →</a>
                {/block:NextPage}    </div>
    </div>
    {/block:Pagination}      </div>
    <div class="btmleftcorner"></div>
    <div class="btmrightcorner"></div>
    <div class="posts-stretch"></div>
</div></div>




<div id="footer">
<div class="topleftcorner"></div>
    <div class="toprightcorner"></div>
    <div class="footerstretch"></div>
    <div id="footercontent"> 
Powered by <a href="http://www.tumblr.com/" title="Get a Tumbeleog">Tumblr</a>. | <a href="http://rondedoos.tumblr.com">Ronde Doos</a> theme by <a href="http://www.gilesvg.com">Glies Van Gruisen</a>. Modified by <a href="http://toddj.com">Todd Jones</a>.</div>
    <div class="btmleftcorner"></div>
    <div class="btmrightcorner"></div>
    <div class="footerstretch"></div>
  </div>

<!--end pagination-->
</div>
{block:Twitter}
    <script type="text/javascript" src="/tweets.js"></script>
{/block:Twitter}
</body>
</html>
3
Contributors
9
Replies
10
Views
8 Years
Discussion Span
Last Post by techsheaven
0

Are you talking about the scrollbars? The code you pasted has elements I do not recognize. If I get the source from your website, it looks different and I can follow it. You must be using some tool to edit it.

What would you like to change?

0

As techsheaven said you need to send the source code as a view source from your browser or send a link. The code you sent earlier is some wierd tumblr stuff. But that is not what the browser sees.

Those {} variables are preprocessed on the serve before being sent out. They really mean nothing in this forum. Just click on View>Page Source and send that.

0

As techsheaven said you need to send the source code as a view source from your browser or send a link. The code you sent earlier is some wierd tumblr stuff. But that is not what the browser sees.

Those {} variables are preprocessed before being sent out and turned into actuall html/css. They really mean nothing in this forum. Just click on View>Page Source and send that.

0

For starters you need to clean up as many errors as you can. You have 79 validation errors. And perhaps more. This code aborts in IE6. I'm pretty sure it's in your http://twitter.com/javascripts/blogger.js. When I comment that out it runs but still looks bad. Go to the link below and type in your url. It's free, there is no registration. It will show you the errors.

You can't have 2 or more id= attributes (sidecontent) with the same name. These are unique. If you want to reference a group of items use the class= attribute, then you'll have to change your style sheet too.

Clean it up as best you can. Then we'll take another look.

http://validator.w3.org/

0

Thanks for the tip, I just decided to scrap the twitter and tag cloud. They weren't all that useful and causing more problems than they were worth.
I managed to get it down to 14 errors, and 3 warnings. All of which are generated by tumblr things that are out of my control.

This has fixed my IE8 problem :)

Edited by toddj: n/a

0

tddj:

I worked on your site a bit. Moved the CSS to an external sheet. It will need to be in the same directory as the html, you will have to change the link in the html, or paste it back in the html. I did this to make it easier to look at. I did not run either through a validator, but I see others helped you find the problem. The attached version renders in Opera, Firefox, Chrome, Safari, and IE. You'll have to finnish cleaning it up, but I got you started.

Good Luck!

Attachments
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.