Another 'IE hates my CSS' thread

My template displays perfectly in FF, but in IE it it really messed up.

Can anyone help? Here is a link:
http://www.awestyproductions.com/templates/rockstar/index.html

Thanks

 

For ie 6, you can try to add
* html #rightbarcon{margin-right:-10px;}

 

Thankyou, that has solved the biggest of the IE problems. But now it looks funny in FF. :\

 

Looks fine in Opera by the way

 

It shouldn't if you copy and paste the whole line at the end of your stylesheet.

 

Thankyou. I hadnt checked opera.

Really? Thanks. so does * html mean 'for IE only' ?

EDIT: Thanks a lot, all that needs fixing now is the gaps between the gray parts (If you click the link you will see what I mean).

http://www.awestyproductions.com/templates/rockstar/index.html

 

#container {
display: block;
margin: 0;
float:left;
width:670px;
}
#rightbarcon {
float:left;
width:457px;
}
body {
background: #666666 none repeat scroll 0%;
color: #FFFFFF;
font-family: ‘Lucida Grande’,Verdana,Arial,Sans-Serif;
font-size: 62.5%;
margin: 20px 10%;
}

And i think u must remove default margins and padding from H1 elements and from ul and li elements*on #leftbar*, IE and firefox have different default margins and padding for this elements. Set your own margins and padding or set it to 0.

 

Thanks but all that seemed to do was move everything to the left :\

 

Just put "clear: right" into #rightbarcon, then it should work in both IE and Firefox.

 

You can put <div align="center"> the rest of your code here </div> after body