How to align sidebar in style.css….?

Hi guys,

I’ve been having trouble with this for weeks… My sidebar looks perfect in Firefox but my friend has told me it overlaps my posts in Internet Explorer (although when I view my site in IE it looks ok, maybe she’s using a different version of IE..?)

I’ve been messing around with my style.css file but can’t seem to fix this problem. Which part of the .css file should I be editing? Any help is greatly appreciated 🙂

My site: http://www.ivyology.com

This is my style.css file;

/*
Theme Name: WordPress Theme Generator
Theme URI: http://www.yvoschaap.com/wpthemegen/
Description: WordPress Custom Theme for headTitle created with the WordPress Theme Generator. To edit your current theme go: edit settings.
Version: 10 Apr, 9:20
Author: W.P. Gen
Author URI: http://www.yvoschaap.com/

*/

html>body #content {
height: auto;
min-height: 580px;
}

body{
font-family: verdana;
font-size: 90%;
line-height: 115%;
background-color: #A05CC4;
background-image: url(/);
background-repeat: repeat;
background-position: center top;
text-align: center;
}

body,td,th {
color: #000000;
}

#doc {
width: 700px;
}

a, a:link {
padding: 1px;
color: #26AB31;
text-decoration: none;
}

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

h1 {
font-family: verdana;
font-weight: bold;
font-size: 150%;
padding-top: .1em;
padding-bottom: .5em;
}

h2 {
font-family: verdana;
font-weight: bold;
font-size: 100%;
}

h3 {
font-family: verdana;
font-size: 120%;
}

h4 {
font-size: 120%;
}

p {
font-size: 90%;
margin-bottom:1em;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

code {
font: 1.1em ‘Verdana’, Verdana, Fixed;
}

acronym, abbr
{
font-size: 0.9em;
letter-spacing: .07em;
}

a img {
border: none;
}

#hd{text-align: center;padding-top: 24px;padding-bottom: 24px}

}
#hd h1{
font-size: 290%;
color: #FFFFFF;

}

#hd h1 a{
text-decoration: none;
color: #FFFFFF;
}

h3 a:link, h3 a:hover, h3 a:visited{
color: #26AB31;
}

.item {
padding: 20px;
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
text-align:left;
border: 5px double #A05CC4;
margin-bottom: 1em;
margin-right: 1em;

}

.item ul {
list-style-type: disc;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}

.item ol{
list-style-type: decimal;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}

.itemhead{
padding-top: 8px;
padding-bottom: 15px;
}

.chronodata {

text-align: left;
margin-left: 2em;
font-size: 80%;
color: #A05CC4
}

.itemhead h3{
display: inline;
}

input{
font-size: 80%;
}

.metadata{
line-height: 190%;
font-size: 75%;
}

.metadata a:link, .metadata a:hover, .metadata a:visited{
color: #26AB31;
}

.tags, .catagory {

display: block;

}

.commentlist p {
clear: both;
font-size: 95%;
}

cite{
font-size: 95%;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.commentmetadata {
font-size: 80%;
float: right;

}
.commentlist {
margin-top: 5px;
}
.commentlist li {
padding: 2px;
border-top: 1px solid #FFFFFF;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #FFFFFF;
}

.navigation a:link, .navigation a:hover, .navigation a:visited{
color: #FFFFFF;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

#secondary, #third{
background-color: ;
background-image: url(/);
background-repeat: repeat;
text-align:left;
padding: 0px;
border: 0px #FFFFFF;
SP_GRADIENT
}

#secondary h4, #third h4{
color: #FFFFFF;
font-family: verdana, verdana, verdana;
margin-top: 35px;
padding: 3px;
}

#secondary p, #third p{
padding: 3px;
font-size: 70%;
}

#searchform {
clear: both;
margin-bottom: 5px;
margin-left: 17px;
padding: 30px;
}

#third {
margin-left: 9px;
}

#menu {padding:0; border:0px solid #fff }
#menu ul {list-style:none; margin:0; padding:0; font-size:100%; }
#menu ul li { padding:0; margin:0; border-bottom:2px solid #FFFFFF; }
#menu ul li a { display:block; padding:8px 4px 4px 15px; text-decoration:none; color: #FFFFFF; }
#menu ul li a:hover { color:#FFFFFF; background: #26AB31; }

li .categories, li .linkcat, li .pagenav {
list-style: none;
margin: 0px;
padding: 0px;
}

.yui-nav{
margin-bottom: -1px;
}

.yui-navset .yui-nav a:hover {
background-color: #26AB31;
color: #FFFFFF;
}

.yui-navset .yui-nav li a {
background-color: #FFFFFF;
background-image: url(/);
background-repeat: repeat;
border-bottom: 0px;
color: #FFFFFF;
padding: .3em .7em .3em .7em;
text-decoration:none;
font-size: 85%;
}

#wp-calendar {
empty-cells: show;
font-size: 90%;
margin: 0;
width: 90%;
padding: 3px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
text-decoration: none;
}

#wp-calendar td {
color: #FFFFFF;
font-size: 70%;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar #today {
background: ;
color: #26AB31;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

#ft {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #FFFFFF;
}

#ft a:link, #ft a:hover, #ft a:visited{
color: #FFFFFF;
}