Closed Bug 308213 Opened 19 years ago Closed 19 years ago

The list-style-image style attribute works incorrectly when applied to nested unordered lists using :hover.

Categories

(Firefox :: General, defect)

Product:
Firefox
Component:
General
Platform:
x86
Windows 2000
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED INVALID

People

(Reporter: dmonego, Unassigned)

References

(
URL
)

Details

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/20050912 Firefox/1.6a1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.9a1) Gecko/20050912 Firefox/1.6a1

When hovering over any part of a list item that contains another list, the
list-style-image is applied to every item in every nested list.

Reproducible: Always

Steps to Reproduce:
1. Go to the page where I reproduced the bug
2. Hover your mouse over the list items.
3.

Actual Results:  
An arrow appeared next to every item.

Expected Results:  
An arrow should have appeared next to the list item being hovered over and the
list item that contains it.
If you don't cross tags it works fine

<html>
<head>
<title>It's not supposed to do this</title>
<style type="text/css">
 li { list-style-type: none;}
 li:hover { list-style-image:url("redarrow.jpg");}
</style>
</head>
<body>

<ul>
 <li>a</li>
 <li>b</li>
 <ul>
  <li>c</li>
 </ul>
 <li>d</li>
 <ul>
  <li>e</li>
  <li>f</li>
  <ul>
   <li>g</li>
   <li>h</li>
  </ul>
 </ul>
</ul>

</body>
</html>

I know too little about lists and what is and is not allowed, but your case
looks Invalid to me
This is working as intended.  If you wish to avoid this effect, close each of
your list items before staring a new list (as illustrated in comment 1).  If
indentation is a problem, it can be fixed using CSS.

As a side note, your HTML is invalid[1].

Resolving INVALID.

[1]
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ccs.neu.edu%2Fhome%2Fdmonego%2Flsibug.html
Status: UNCONFIRMED → RESOLVED
Closed: 19 years ago
Resolution: --- → INVALID
The code "works" if I use a list-style-type, which made me think it was an 
error.
You need to log in before you can comment on or make changes to this bug.