title: Hover over one element affect another?
body: <p>Take a look: <a href="http://www.dropbuckets.com" rel="nofollow">a link</a>.  You can see that the icons at the top menu bar turn blue when you hover over it and also, the page links below it turn white when you hover over them... I would like for both of them to do their hover effect when you mouseover one or the other...  In essence, I would like the icons to turn blue when you hover over the page links and I would like the page links to turn white when you hover over the icons (obviously I want the only the icon above the page link to light up when it's appropriate page link is being hovered and vice a versa).</p>
  
  <p>I am using jquery for the image hover effect...</p>
  
  <p>and the page link code is just a simple css hover a code.  I would like for these two to be linked together as one unit somehow.  </p>
  
  <p>I was also wondering if the icon could stay lit up after clicking it (TO show which page you are on)...</p>
  
  <p>ALSO...</p>
  
  <p>I have a problem where when the website is minimized into a smaller window... when you horizontally scroll... the wrapper gets cut off and all you see is white space!  I've played around with it alot and it was no use!  I did a float left, but then I couldn't center it!  </p>
  
  <p>If anybody could help out with these two problems, it would be greatly appreciated!   </p>