Trying to get a DIV to show up on a hover state...

[Jim R]

Here is my to generate a list, which is hidden other than a link (Offers) to signify there are existing offers.  

			echo '<div class="colleges">[<a href="#"><span class="lists">Offers</span></a>]</div>';
			echo '<div id="list">';
		//	Turn CSV into unordered list
			$offersList = $line['colleges'];
			$offersList = explode(", ",$offersList);
			asort($offersList);
				foreach ($offersList as $offers) {
				echo '<li>' . $offers . '</li>';
		}
			echo '</div>';
		}

When a User hovers over the [Offers] link, I'd like the list to show up:

#list {
	display: none;
}

#list a:hover {
	display: block;
}

Nothing changes when I hover over Offers

[requinix]

Hovering over the link is annoying. Hovering over the div.colleges is easy:

div.colleges:not(:hover) + div.list {
	display: none;
}

Get rid of the #list ones you have now, and use a class instead of an ID.

[Jim R]

Very nice...thanks.