Float Right Issue

HTML & CSS
1

Hi

I’m trying to float a arrow to the right on a carousel however it keeps sticking to the bottom when viewed in FF.

Any ideas how to sit is in the correct position?

Thanks

http://cookingsecrets.togetheragency.co.uk:8080/index.htm#

2

Hi,

As the right arrow is floated and the element before it is non floated then the arrow will start after that element on the next available line.

Assuming the div before the arrow is always a fixed height then you could just drag the arrow upwards into position.


.widget a.next {
background:url("../../images/carousel/right-arrow.gif") no-repeat scroll right 0 transparent;
border:0 solid red;
display:block;
float:right;
height:45px;
[B]margin-top:-130px;[/B]
width:22px;


}