changing the size and location of an image whilst in hovered state

Im trying to assign a hover state to the nine thumbnail images in the code below;

Ive tried
.thumbs a img:hover {height:100px; width:100px;} to make the image larger but with no joy. any ideas? (im using IE)

www.1pw.co.uk/circles.html

eventually I plan to get the hovered state image to appear in the large circle and was thinking along the lines of;
.thumbs a img:hover {position: absoloute; top 150px; left 150px} ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>

Moving a table to make it relative to a <span> with an ID

Hi guys,

I've got an example here: http://jsfiddle.net/gz6Dv/5/

This is a setup for a product listing within a table. I wish to move the with id="item_Tbl" relative in position to the id="tablerelative" so it's positioned either above or below this span.

I'm guessing this may not even need javascript it maybe just a CSS change? But either method is welcome as a response?

Thanks Smile

CSS help

Hello,

I am using twitter based login for my website. I am having trouble with the dropdown. When click on the signin button the dropdown is not positioned propoerly. I am using absolute position for the dropdown. I moved the drop down from the div tags because if i put that in the div tag the portion of the dropdown is getting disappeared. I need some help from professionals who can help me out from this issue. I have been trying lots of things but could not resolve the issue

Thanks in advance.
Attached are the images and code

Syndicate content