Div tag float alignment problem in Firefox..Please help very urgent!!

Hello Everyone,

I have an aspx page in Vs 2008 and I have designed the page using div tags. It looks pretty good in IE 7 but in Firefox the alignment is all messed up. The div tag which is uspposed to float on right is overlapping with the div tag which is floating on left. I tried to clear using Clear:both style but it never worked for me. Some one please help me. I have pasted the code below.

<div style="font-weight: lighter;font-family: Berlin Sans FB; float:left;width:40%; height:400px>
<div style="font-weight:bold; font-size:large;font-family: Berlin Sans FB">
Featured Articles
</div>
<skm:RssFeed ID="RssFeed1" runat="server" Target="_blank" BorderStyle="None" GridLines="None" Height="400px" HorizontalAlign="center" ShowPubDate="false">
</skm:RssFeed>

</div>
<div style="width:5%; height:450px;float:left">

</div>

<div style="font-weight: normal; position:absolute;font-family: Berlin Sans FB; float:right; width:40%; height:400px">
<div style="font-weight:bold; font-size:large;font-family: Berlin Sans FB">
Exclusive Deals
</div>


</div>

<div style="font-weight: normal;font-family: Berlin Sans FB; width:15%; height:600px;float:right">
</div>

 

Remove the position:absolute;

cheers,

gary

 

hi

also in the below line
<div style="font-weight: lighter;font-family: Berlin Sans FB; float:left;width:40%; height:400px>

close the quotes. it should be

<div style="font-weight: lighter;font-family: Berlin Sans FB; float:left;width:40%; height:400px">

vineet