Site works fine in IE but not in Firefox -red bar at top

My site works fine in IE, but not in firefox and opera. Could someone please have a look to see what the problem is:

http://www.waynerooneyonline.com/new/test6.php
http://www.waynerooneyonline.com/new/test5.css

thanks

 

you have two divs with the class redbar.
Take out class in the div container.

<div class="redbar">
</div>
<div id="left">
</div>
<div id="main">
<div id="right">
<div id="rightcontent">
</div>
<div id="rightad">
</div>
</div>
<div id="content">
<div class="intro">
</div>
<div class="redbar">Wayne Rooney :: Top News Stories</div>

that second one shouldnt be there. Change the first one to an id if you are only going to use it once. Then when you validate it, youll know something like this is wrong.

 

It should be there. I have used the red bar twice on the page. Have a look in IE to see what I mean.

 

I have changed the "redbar" to "redbar2" to make it easier to understand.

It works perfectly in IE - have put a border round the bit i am talking about.

I need help fixing the css so it works in all browsers.

thanks

 

oh i see you are looking at it in IE6

In IE7 its not right.

Try taking this out

.intro { vertical-align:middle;
float: left;

}

.intro img {padding-right: 12px;}

also this. This works in FF for me.

 

Thanka that works perfect. you have no idea how long it took me trying to sort that out.