IE is moving my usericon

[jakuako]

So, in IE only, the usericon of the first entry overlaps the entry when it should be floating to the left of it. Could anyone please, please tell me how to fix this?

Here's my code:

layerinfo "type" = "user";
layerinfo "name" = "Auto-generated Customizations";
set show_linklist = false;
set show_default_userpic = false;
set text_read_comments_friends = "1 comments // # comments";
set text_nosubject = "";
set text_meta_mood = "Mood";
set page_friends_items = 20;
set text_post_comment = "leave a comment";
set text_sidebar_blurb = "";
set text_skiplinks_back = "Earlier";
set show_calendar = false;
set userpic_position = "right";
set text_meta_music = "Music";
set show_blurb = false;
set text_view_recent = "Recent ";
set text_read_comments = "1 comments // # comments";
set sidebar_blurb = "
To unpathed waters, undreamed shores. -WS

http://i1116.photobucket.com/albums/k573/jakuako/Drarry.gif\" _fcksavedurl=\"http://i1116.photobucket.com/albums/k573/jakuako/Drarry.gif\">
";
set text_meta_location = "Location";
set text_post_comment_friends = "leave a comment";
set text_view_userinfo = "Profile";
set text_skiplinks_forward = "Later";
set custom_css = "/* Layout by gossymer @ livejournal.com */
/* S2 Layout: Flexible Squares - Web 2.0 */

html body
{
padding-top: 0 !important;
}

body {
background: url(http://i1116.photobucket.com/albums/k573/jakuako/Background.png) repeat top;
background-color: #f2f2f2;
text-align: center;
color: #000 !important;
font-family: verdana, sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
line-height: 150%;
}

a, a:link, a:visited {
color: #007ba7;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #345678;
text-decoration: none;
}

blockquote {
background-color: #efefef;
padding :15px;
border: 1px solid #ccc;
color:#555;
margin: 10px 25px;
}

code, kbd, pre, tt {
font-family: monospace;
}

#content
{
width: 808px;
margin: 0 auto;
background-color: transparent;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}

.entry {
text-align: justify !important;
margin: 0 auto;
width: 481px;
padding: 10px;
background-color: transparent;
color: #555;
font-family: verdana, sans-serif;
font-size: 11px;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}

.datesubject {
line-height: 200%;
background-color: transparent;
padding: 5px;
padding-bottom: 0px;
width: 94%;
margin: 0 auto;
margin-bottom:-5px;
border-bottom: 1px dotted #ddd;
}

#maincontent {
margin: 0 19%;
font-family: verdana, sans-serif;
font-size: 11px;
background-color: white;
color: #000000;
border: 1px solid #e5e5e5;
border-top: 0px solid #ccc;
text-align: left;
padding-top: 18px;
margin-bottom: -10px !important;
}

#sidebar {
clear: both;
padding-top: 17px;
margin-top: 0px;
background-color: transparent;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: verdana, sans-serif;
color: #000000;
width: 18%;
float: right;
text-align: left;
}

#header {
padding: 0px;
margin: 0px;
text-align: center;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border: 0px solid #efefef;
border-bottom: 0px solid #ddd;
color: #000000;
margin: 0 19%;
padding-bottom: 0px;
}

#footer {
text-align: center;
font-family: verdana, sans-serif;
font-weight: bold;
letter-spacing: 1px;
background-color: white;
margin: 0px 19%;
color: #000000;
border-color: #efefef;
border-width: 1px;
border-style: solid;
border-top: 0px solid #fff;
z-index: 100;
clear: both;
margin-top: -17px;
margin-bottom: -150px !important;
}

/* header -- links to views; title of journal; subtitle of journal */

.navheader {
width: 497px;
padding: 0px;
text-align: center;
color: #555;
padding-left: 2px !important;
margin-bottom: 0px !important;
}

ul.navheader
{
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
background-color: #fcfcfc !important;
height: 26px;

}

.navheader li {
float: left;
text-transform: uppercase;
margin: 0px;
width: 93px;
padding-top: 5px !important;
padding-bottom: 5px !important;
border: 1px solid #ccc;
border-bottom: 0px solid #ccc;
border-top: 0px solid #ccc;
border-right: 0px solid #ccc;
border-left: 0px solid #ccc;
font-size: 8pt !important;
}

.navheader a, .navheader:link, .navheader a:visited {
display: block !important;
text-decoration: none;
padding: 5px 0px;
background-color: #fcfcfc;
color: #777 !important;
margin-top: -5px;
margin-bottom: -5px;

}

.navheader a:hover, .navheader a:active {
background-color: #fff;
color: #777 !important;
}

.title {
display:none;
}

.subtitle{
display: none;
}

/* sidebar */

.defaultuserpic {
text-align: center;

}

.defaultuserpic a {
border: 0px solid #fff!important;
margin: 0px !important;
padding: 0px !important;
background-color: transparent !important;
margin-top: -2px;

}

.defaultuserpic img {
border-width: 0px;
background-color: #f2f2f2;
padding: 18px;
background: url(http://pics.livejournal.com/gossymer/pic/004a00b5) no-repeat center;
}
.sbarheader {
padding: 0px;
margin: 0px;
}

table.calendar {
margin: 0 auto;

}

.sbarcalendar {
border-color: #eee;
border-width: 1px;
border-style: solid;
background-color: #fafafa;
text-align: center;
font-family: verdana, sans-serif;
font-size: 10px;
padding: 0px;
margin: 0 auto;
color: #ccc !important;

}

.sbarcalendarposts {
border-color: #ccc;
border-width: 1px;
border-style: solid;
background-color: #efefef;
text-align: center;
font-family: verdana, sans-serif;
font-size: 10px;

}

.sbarcalendarposts a {
color: #007ba7 !important;
font-weight: bold !important;
display: inline !important;
background-color: transparent !important;
padding: 0px;
border: 0px solid #fff !important;
}

ul.sbarlist
{
padding-left: 0px;
margin: 0px;
list-style: none;
background-color: transparent;
}

li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}

li.sbaritem {
margin: 2px 10px;
padding: 0px;
text-align: left;
text-transform: uppercase;
}

#sidebar_summary li.sbaritem {
color: #999;
border: 1px solid #ddd;
background-color: #f1f1f1;
padding: 3px;
text-transform: uppercase;
margin: 3px 10px;
}

#sidebar_summary li.sbaritem a {
text-decoration: none;
display: inline !important;
color: #999;
border: 0px solid #ddd !important;
background-color: transparent !important;
}

#sidebar_summary li.sbaritem a: hover{
text-decoration: none;
color: #007ba7;
border: 0px solid #fff;
background-color: transparent !important;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
text-decoration: none;
display: block;
color: #999;
border: 1px solid #ddd;
background-color: #efefef;
padding: 2px;
text-transform: uppercase;
margin: 0px;
}

div#sidebar a:hover {
background-color: #e5e5e5;
border: 1px solid #ddd;
color: #007ba7;
text-decoration: none;
}

li.sbartitle
{
background-color: transparent !important;
border: 0px solid #ddd;
text-align: left;
list-style: none;
margin: 0px 15px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10pt;
color: #345678 !important;
font-family: times new roman;
background-color: transparent;
padding: 0px;
}

#sidebar_tags li.sbaritem, #sidebar_tags .sbaritem, #sidebar_tags a, #sidebar_tags .sbaritem a, a .tag, a #tag {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

#sidebar_tags li.sbaritem a {
margin-bottom: 3px !important;
}

/* maincontent */

.subcontent {
margin: 0px;

}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.date {
color: #959595;
font-size: 8pt;
text-transform: uppercase;
}

.subject {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10pt;
color: #345678;
font-family: times new roman;
background-color: transparent;
padding: 0px;
}

.subject a, .subject a:link, .subject a:visited {
color: #b0b9c8;
}

.subject a:hover {
color: #b0b9c8;
}

.currents, .currentmood, .currentmusic {
font-family: verdana, sans-serif;
font-size: 11px;
padding-top: 5px;
}

.currents {
border-top: 1px dotted #ddd;
margin-top: -15px;

line-height: 200%;
}

.comments {
font-family: verdana, sans-serif;
font-size: 10px;
text-align: center;
text-transform: uppercase;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

/* maincontent -- entry, reply pages */

.replytosubject {
font-weight: bold;
color: #aaa;
}

.datesubjectcomment {
background-color: transparent;
padding: 5px;
margin-top: 10px;
border-bottom: 0px solid #ddd;
color: #aaa;
text-align: left;
}

.userpiccomment {
position: relative;

top: -15px;
left: -5px;
padding: 10px;
margin: 0px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #ddd;
border-style: solid;
background-color: white;
}

.box {
padding: 0px;
border: 0px solid #ccc;
border-top: 0px solid #ccc;
background-color: white;
margin: 10px 0px;
clear: left;
text-align: center;
}

#postform {
background-color: transparent;
padding: 10px;
text-align: left !important;
border-top: 1px solid #ddd;
}

input, textarea {
background-color: #efefef;
color: #000000;
border: 1px solid #ccc;
margin-bottom: 5px;
color: #555;
font-family: Verdana, sans-serif;
}

textarea.textbox {
font-size: 10pt;
padding: 0px 5px;
width: 90% !important;
}

.reply {
position: relative;
margin: 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #d4dce8;
color: #000000;

}

.commentreply {
text-align: justify;
position: relative;
padding: 0px 10px;
margin: 0px;
background-color: white;
font-size: 11px;
font-family: verdana, sans-serif;
margin-top: 5px;

}

.commentbox {
padding: 10px !important;
margin: 0px;
margin-top: 0px;
background-color: transparent;
border: 0px solid #fff !important;
border-top: 1px dotted #ddd !important;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}

.datesubjectcomment a:hover {
color: #b0b9c8;
}

.commentboxpartial {
border: 0px solid #efefef !important;
border-top: 1px dotted #efefef !important;
padding: 10px;
background-color: white;
}

.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;

}

.ljuser a:link, .ljuser a:visited {
color: #345678 !important;
}

.ljuser a:hover, .ljuser a:active {
color: #007ba7!important;
}

/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border: 1px solid #efefef;
}

table.yeartable a {
font-weight: bold;
}

table.yeartable td.yearday {
background-color: #ddd;
text-align: center;
}

td.yearmonth {
border: 0px solid #efefef;
}

/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
font-size: 10pt;
text-transform: uppercase;
padding: 20px;
}

ul.navfooter li {
display: inline;

}
ul.navfooter li a {
color: #999 !important;
margin: 0 5px 0 5px;
background-color: #efefef;
border: 1px solid #ddd;
padding: 3px;
}

ul.navfooter li a:hover {
background-color: #e3e3e3 !important;
color: #007ba7 !important;
text-decoration: none;
}

.clearfoot {
clear: both;
}

/* misc */

.clear {
height: 15px;
}

.skiplinks {
text-align: center;
margin-top: -30px;
margin-bottom: -15px;
}

.headerimage {
/* for formatting header image */
}

.separator{
/* for formatting separators between entries */
margin-bottom: 0px;
margin-top: 30px;
height: 0px;
border-top: 3px double #eee;
background: url() repeat-x;
background-color: #f2f2f2 !important;
}

* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}

* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 1px;
border-style: solid;
border-color: #999999;
background-color: #c2cde0;
}

#sidebar_tags .sbarcontent {
height: 160px;
overflow: auto;
}

div.comments a:link, div.comments a:visited {
padding: 3px;
background-color: #efefef !important;
border: 1px solid #ddd;
color: #999 !important;
font-weight: bold;
}

div.comments a:hover {
background-color: #e3e3e3 !important;
color: #007ba7 !important;
text-decoration: none;
}

div.comments {
color: white;
border-top: 1px dotted #ddd;
padding-top: 15px;
margin-top: -15px;
}

.ljtags {
font-weight: bold;
margin-top: 10px;
}

.ljtags a:link, .ljtags a:visited {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.ljtags a:hover, .ljtags a:active {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.currents a:link, .currents a:visited {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.currents a:hover, .currents a:active {
color: #555;
background-color: #efefef;
font-weight: normal;
padding: 1px 5px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

.entry_text {
}

.userpic a font, .userpicfriends a font {
color: #555 !important;
font-weight: bold;
}

.userpicfriends a:hover font {
color: #007ba7 !important;
text-decoration: none;
}

code {
font-family: verdana, sans-serif;
font-size: 8pt !important;
background-color:
display: block;
background-color: #efefef;
padding :2px;
color:#555;
line-height: 200%;
}

dt {
font-weight: bold;
}

ol, ul {
}

ul, li, body, .entry, td, blockquote, .commentreply, code {
font-size: 11px;
color: #444 !important;
line-height: auto;
}

* html #content
{
}

* html .entry {
}

* html .datesubject {
}

* html div#sidebar_tags li.sbaritem, * html div#sidebar_tags .sbaritem, * html div#sidebar_tags a, * html div#sidebar_tags span a, * html div#sidebar_tags .sbaritem a, * html div.a .tag, * html div.a #tag, * html div#sidebar_tags li.sbaritem a {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.userpic {
position: absolute;
float: left;
margin: 5px;
margin-top: 0px;
margin-left: -150px !important;
z-index: 15;
padding: 18px;
background: url(http://pics.livejournal.com/gossymer/pic/004a00b5) no-repeat center;
background-color: #f2f2f2 !important;
border: 0px solid #f2f2f2 !importnt;
}

.userpicfriends {
position: absolute;
float: left;
margin: 5px;
margin-top: 0px;
margin-left: -172px !important;
z-index: 15;
border-width: 0px;
padding: 18px;
background: url(http://pics.livejournal.com/gossymer/pic/004a00b5) no-repeat top;
text-align: center;
font-weight: bold;
background-color: #f2f2f2 !important;
border: 0px solid #f2f2f2 !importnt;
}
.userpicfriends img {
margin-bottom: 14px !important;
}

.sbarbody {
padding-top: 10px;
padding-bottom: 15px;
margin-top: 25px;
margin-bottom: 10px;
background-color: white;
margin-right: 0px;
border: 1px solid #efefef;

}

.sbarbody2 {
padding-top: 10px;
padding-bottom: 15px;
margin-top: 25px;
margin-bottom: 10px;
background-color: white;
margin-right: 0px;
border: 1px solid #efefef;
text-align: center !important;
}

/*general positioning*/

div.ContextualPopup {
margin: 7px 0px 0px 2px;
text-align: left !important;
}

#sidebar_tags li{
overflow: hidden !important;
}

#sidebar_tags ul {
overflow-x: hidden;
overflow-y: auto;
}

.userpic, .userpicfriends {
border-width: 0px;
}
.userpic a, .userpicfriends a {
color: #007ba7;
}

";set text_meta_groups = "Groups";

function Page::lay_print_header()
"Prints header"
{
var Page page = get_page();
var string title = $this->title();

# by default, LJ can print the following links in the header navigation:
#
# userinfo ... the profile page
# recent ..... the recent entries page
# friends .... the friends page (no filter)
# archive .... the calendar (current year page)
# tags ....... the visible tags page
#
# the skiplinks are not available in the header by default, but were added by this tutorial:
#
# forward .... the 'skip a number of entries forward' link (younger entries)
# back ....... the 'skip a number of entries back' link (older entries)

# specify the URL of any additional links you'd like to show up in the header navigation
# of LJ default links that you'd like to override (except skiplinks)
# (e.g. to link to a friends filter rather than the normal friends page)
# if you don't want to change anything, leave empty curly braces {};
var string{} links = { "fiction" => "http://jakuako.livejournal.com/695.html", };

# specify the order in which the links are supposed to show up (use "|" to add linebreaks):
var string[] order = ["recent", "archive", "fiction", "friends", "userinfo"];

# specify the link text: can be text or an image tag ( ... please use single quotes around the URL)
# or leave blank to use the text set in the Customization Wizard for the default links and skiplinks
# (custom links will show as "Unknown View" if left blank)
var string{} text = { "userinfo" => "profile",
"recent" => "recent",
"friends" => "friends",
"archive" => "archive",
"fiction" => "fiction", };

# link current view: set wether or not you want the current view
# (e.g. the navigation item saying Friends while you're on your friends page)
# to be a link (set it to true) or not (set it to false).
var bool link_current_view = false;

# display website: set whether or not to print the website specified in the Customization Wizard
# (if set to true, website will always display as the very first link)
var bool display_website = true;

# --- do not edit beyond this point --- #

print """

""";

var int line = 1;

# website specified in Customization Wizard
var string website_name = $.journal.website_name ? $.journal.website_name : $*text_website_default_name;
if ($.journal.website_url != "" and $display_website == true)
{
println safe """
• $website_name
""";
}

# link in the order specified in $order
var string linktext;
var string linkurl;

foreach var string v ($order) {
if ($v == "|")
{ print "
"; $line++; continue; }

$linktext = $text{$v} == "" ? lang_viewname($v) : $text{$v}; # custom link text or HTML, otherwise default LJ view name
$linkurl = clean_url($links{$v}) == "" ? $.view_url{$v} : $links{$v}; # custom URL if valid, otherwise default LJ view url

if (($v == "forward" or $v == "back") and $this isa RecentPage) # works for both friends and recent view
{
var RecentPage pageext = ($this as RecentPage);
if ($v == "forward")
{
$linkurl = $pageext.nav.forward_url;
$linktext = $text{$v} == "" ? $*text_skiplinks_forward : $text{$v};
}
elseif ($v == "back") {
$linkurl = $pageext.nav.backward_url;
$linktext = $text{$v} == "" ? $*text_skiplinks_back : $text{$v};
}
}

if (not (($v == "forward" or $v == "back") and $linkurl == ""))
{
if ($.view == $v and $link_current_view == false)
{
println """
• $linktext
""";
}
elseif ($.view == $v)
{
println """
• $linktext
""";
}
else
{
println """
• $linktext
""";
}
}
}
print safe """

$title

$.global_subtitle

""";
}

function Page::print_custom_head()
{
var string[] header_image;
var string[] header_height;
var int header_index=0;

$header_image[$header_index++] = "http://i1116.photobucket.com/albums/k573/jakuako/xhalpertfistpump.gif";
$header_image[$header_index++] = "http://i1116.photobucket.com/albums/k573/jakuako/xmerlinfightsarthur.gif";
$header_image[$header_index++] = "http://i1116.photobucket.com/albums/k573/jakuako/xJackssword.gif";
$header_image[$header_index++] = "http://i1116.photobucket.com/albums/k573/jakuako/xharryvoldyduel.gif";
$header_image[$header_index++] = "http://i1116.photobucket.com/albums/k573/jakuako/xdracoandharryfly.gif";

$header_index=0;

$header_height[$header_index++] = "200px";
$header_height[$header_index++] = "200px";
$header_height[$header_index++] = "200px";
$header_height[$header_index++] = "200px";
$header_height[$header_index++] = "200px";

$header_index = rand($header_index) - 1;

var string header_url = $header_image[$header_index];
var string header_size = $header_height[$header_index];

"""

""";
}

Here's a screenshot of my problem: