Home › Forums › CSS › Can’t Quite Seem to Get Arrow Centered › Re: Can’t Quite Seem to Get Arrow Centered
April 12, 2010 at 12:23 pm
#73809
Rob MacKay
Participant
nope that’s definitely you and not IE lol
Ok so – firstly you have your LI’s in that sidebar set as inline – is there anyreason for that? I would remove that first of all.
Then there are many ways you could do this better… but the way I did it quickly was:
Code:
ul.sidebar-list li {
position:relative /*So you can position the arrow inside the li*/
}
position:relative /*So you can position the arrow inside the li*/
}
/*add this class to the div with the arrow in and remove the */
div.arrowbox {
background: url(http://dev.charlottes-saddlery.com/mm5/Images/Images/sub-nav-arrow.gif) no-repeat;
height: 12px;
width: 10px;
position: absolute;
right: 10px;
top: 10px;
}
this way you are not using floats, margin, padding or anything that will fail horribly while being interpreted differently