Click to See Complete Forum and Search --> : Unoredred list in IE7


remkop
11-05-2008, 04:32 AM
Hi,

A strange thing is happening on our page in IE7.
I have an unordered list with list items that contain a <br>.

Now the problem is that in IE7 the bullet is put on the second line of the list item (so after the <br>).
In Firefox this is not a problem, the bullet is shown on the first line and that's what I want.

It has to do with the CSS (particullary with the 'width' property
.Race {
background-color:#FF9933;
width:450px;
padding-bottom:3px;
padding-top:3px;
}

There is a test page available http://www.eur-roadrunners.nl/Test/List.html
I use this width property in the real page, which is over here: http://www.eur-roadrunners.nl/Pages/Agenda.php

So if someone has a solution for it...

Note: the <br> is not the problem. If I put a long text in a list Item this problem also arises.

Fang
11-05-2008, 10:06 AM
The nature of the beast I think.
The usual solution is to use a background image with padding in the li.

Shorts
11-05-2008, 11:33 AM
Both show the bullet on the first line for me on IE7 (Windows XP).

remkop
11-05-2008, 12:40 PM
Thanks

I did some tests and it is working fine now.
The solution was to replace the 'width' property with a marging to get the orange/red box for a list item.