No replies
stevemurray01
Offline
newbie
Last seen: 12 years 19 weeks ago
Joined: 2009-09-14
Posts: 1
Points: 0

Hi

I am tearing my hair out with this silly issue in ie7 www.buildingsolutionsmidlandsltd.co.uk/blog/ its a wordpress blog so not sure where to look for the html, but the css is below. Basically I want the left menu to fall inline with the header like it does on firefox.

Please can someone point me in the right direction of give me the code..

Thanks for any help

Steve

body{
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
}

a, a:visited{
color:#CC0000;
}

h1 {
color:#000099;
}

h2{
color:#CC0000;
}

.bold {
color:#CC0000;
font-weight:bold;
}

#menu{

margin-top:10px;
}

#menu ul{
list-style:none;
padding-left:0px;
background-color:#E8E8E8;
}

#menu ul li{
margin-bottom:5px;
font-weight:bold;
}

#menu ul li ul {
padding-left:0px;
background-color:#FFFFFF;
font-weight:normal;
margin-bottom:10px;
}

#commentform textarea {
width: 100%;
}

#rap{
background-color:#FFFFFF;
height:auto;
margin:auto;
padding:20px;
width:900px;
text-align:left;
}

/* Header */
#header {
height:50px;
margin:auto auto 10px;
width:900px;
}

.nav {
background-image:url(/images/nav.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
height:30px;
margin:auto auto 10px;
width:900px;
}

.navbutton {
color:#FFFFFF;
height:22px;
padding-top:8px;
text-align:center;
width:128px;
}

.navl:link, .navl:visited {
color:#FFFFFF;
text-decoration:none;
}

/* Template */
#content{
float:right;
width:75%;
}

#menu{
float:left;
width:20%;
}

/* Footer */
.footer{
background-color:#CCCCCC;
height:22px;
margin:auto auto 10px;
padding-left:10px;
padding-top:8px;
width:890px;
clear:both;
}

.footerlist {
font-size:10px;
}
.credit{
color:#FFFFFF;
}