If you select a tag the list gets filtered and the tag added to the selected div. Unselecting it will reset the taglist, and remove() the tag from the selected div. Selecting another one will result in positioning the new tag next to the element that has been removed.
Is this a jQuery issue, or can this be fixed by changing my css.
After a suggestion on StackOverflow I've also tried to use .hide() and .hide("fast") but to no avail.
Yes, it could be an IE bug (I did not state it was, but it is the only one with the problem), but that is why I want to know if anyone has ever seen this behaviour before. I want to rule out coding/css errors first. Any help I've had so far has not resulted in anything.
The border is supposed to be dashed... but that is just visual stuff, not important at this time. I'm hoping to find a solution to the positioning problem.
first of all, besides the position of the border that is messed up in IE, i had another error... when i was selecting the check-boxes and deselecting them, they wore still there but invisible... http://archivist.incutio.com/viewlist/css-discuss/37888
this came to mind... the difference between visibility hidden vs display none
This is not an IE issue.
Get yourself Firebug for Firefox and the IE Developer Toolbar for IE7 -- maybe 6 and 8?
When I run through the example on firefox it is not removing the li tags from the list when i deselect a tag, just the input and the label.
Firefox is leaving the empty li tags and not displaying them or hiding them or something I assume it is your css. On IE7 the EXACT same behavior is occurring except IE7 is leaving the li's in their default state (expanded/not hidden?).
Both browsers show like this once i have removed items that i previously selected.