Hiding scrolling element on www.saylor.org

[reepicheep]

Saylor.org has a number of college-level (but unaccredited) courses. Useful stuff but in their course material they have an element that repositions itself near the top of the window. It is distracting and highly intrusive, especially so as there is a significant delay in repositioning it scrolling through the page. I can't seem to find the correct rule to hide this thing.

An example of the element can be seen on http://www.saylor.org/courses/polsc101/ and will show itself as "Discuss POLSC101 with other students". The relevant piece of HTML, for the specific example URL, is

Code: Select all

<div class="legend political-science scrolldiv" style="margin-top: 0px;">
<span style="text-align: center;">
<a target="_blank" href="http://forums.saylor.org/forum/political-science/POLSC101/">
<h4>Discuss POLSC101 with other Saylor Students here!</h4>
</a>
</span>
</div>

Something simiiar appears on every course page. I'm not interested in controlling the position just how do I squash this element? Please someone save my sanity.

[fanboy]

Code: Select all

saylor.org##.scrolldiv

[Saylor_Foundation_staff]

Hi there, Thanks for posting your feedback - and a workaround solution for the floating box! We've received a number of emails noting the distraction of this feature, so we have decided to remove it from all course pages. If you have any further feedback for us, please feel free to email it to contact@saylor.org.

Best regards,
Camie Rodan