FF problemer

Har to problemer:

1)

#forside_banner placerer sig ikke til højre for et element, men placerer sig indeni. Dette gør den ikke i IE.

2)

Når jeg floater et element right giver den et for stort mellemrum. Hvordan formindsker man dette?


Her er koden:

/*********Generalt***********/
body {
    margin:auto;
    text-align:center;
    background-image:url(../../grafik/bg.gif);
    background-repeat:repeat;
    background-position:center top;
    background-color:#F0F1F6;
    font-family:Arial, Helvetica, sans-serif;   
}

#wrapper{
    width:1020px;
    margin:auto;
    background-color:#FFFFFF;
    text-align:left;
    padding:0 18px 18px 18px;}


a:link {color: #A6032C; text-decoration: underline;}
a:hover{color: #A6032C; text-decoration: underline;}
a:visited {color: #A6032C; text-decoration: underline;}
a:visited:hover {color: #A6032C; text-decoration: underline;}

.clear {clear:both;}

/*********horizontal menu*********/


.horizontalcssmenu {
width:1000px;
background-color:#1eacda;
margin-top:10PX;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
    display: block;
    width: 100px; /*Width of top level menu link items*/
    padding: 10px 10px;
    text-decoration: none;
    background: #1eacda center center repeat-x;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    text-transform:uppercase;
    font-weight:bold;

}
   


.horizontalcssmenu ul li a:hover{
background: #0f3c4d center center repeat-x;
color:#FFFFFF;
text-decoration:none;
}

.horizontalcssmenu ul li ul li a:hover{
background: #0f3c4d;
color:#FFFFFF;
text-decoration:none;
}



/* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE
padding-top: 1em;
}*/
   
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */


.horizontalcssmenu ul li .current{
background: #0f3c4d;
color:#FFFFFF;
text-decoration:none;
}




/*********forside skabelon***********/

#header_holder {
height:140px;
background-image:url(../../grafik/billede);
width:1000px;
border:#000000 solid thin;
}

#link_top {
    height:35px;
    width:230px;
    position:relative;
    float:left;
    left:700px;
    top:15px;
    color:#FFFFFF;
    text-transform:uppercase;
    border:#000000 solid thin;
    font-size: 8px;
}

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

#logo {
height:auto;
position:absolute;
width:auto;
top:80px;
border:#000000 solid thin;
}



#her_er_jeg_holder {
position:relative;
float:left;
height:30px;
width:1000px;
margin-top:15px;
border:#000000 solid thin;
font-size:11px;
}


#afsnit_1 {

position:relative;
float:left;
height:170px;;
width:750px;
border:#000000 solid thin;
margin-top:5px;
}

#afsnit_2 {
position:relative;
float:right;
height:170px;
width:225px;
border:#000000 solid thin;
background-color:#1d586e;
font-size:10px;
text-transform:uppercase;
color:#FFFFFF;
margin-top:5px;
padding-left:15px;
font-weight:bold;
}

#afsnit_3 {
position:relative;
float:left;
height:370px;
width:750px;
margin-top:5px;
border:#000000 solid thin;
margin-top:5px;
}

#tilmeld_forside {
position:absolute;
height:45px;
width:90%;
top:160px;

}

#forside_banner {
position:relative;
float:right;
height:370px;
width:240px;
border:#000000 solid thin;
margin-top:5px;
}


Alt hjælp vil være værtsat.