The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can’t Quite Seem to Get Arrow Centered Re: Can’t Quite Seem to Get Arrow Centered

Rob MacKay

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:

ul.sidebar-list 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( 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