Li Hover Issues In Safari

Hey...this may possibly be a dumb question; I'm still pretty much a complete n00b at HTML/CSS and this is only the second site I've really tried to code.

I haven't tried to deal with cross-browser compatibility in IE yet so I'm sure it looks completely whack there, but I've been surprised by issues I've been having between FF, Safari, and Opera -- it was my understanding that those three browsers read things pretty much the same.

Basically, the site has a bunch of horizontal dropdown menus (uls with li:hover functions). Here's the relevant code:

In Firefox (and in Opera, although the placement is a little funky) the dropdown menus have an li:hover effect which changes the color of the one which is being hovered over. However, this is not working in Safari and I'm not entirely sure why. Does anyone have any ideas on what I can do to fix this?

Showing <span> On :hover, Why Isn't This Working?

I have this piece of coding (which I'm pretty new at) that allows a "display:none;" span to appear on a link:hover. It works great in Firefox, but I can't for the life of me find why it isn't working in IE.

I did this once with an Unordered List and it worked in IE, but now that I have used a table to structure the menu, it isn't working.

here is the site:
magicbeanz.blogsome.com

I've attached the style sheet and html to this post.
The relavent coding should be near the bottom. See #catmenu and the #books, #movies, #other, #hobbies, #games, divs.

I really hope someone can help. Thanks in advance!!

Oh, and I wouldn't mind some feedback on the coding and design. I'm back to working on my skills after a long break ><

Aligning Hover Image With Bg Image

I am having trouble working out how to line up the hover background image with the background image for a mouseover effect.
It is currently putting the hover BG image ''x.gif' over the text instead of in the same position as 'bullet.gif'

Css Image Hover

I am wanting to add an hover option to my pictures and can not get it to work. I have each picture in a box div and was wondering how to add an hover to it. The link to the website is:-brushing with greatness. I just want the whole box to light up when you hover over the image. Would i have to use javascript or can i do this completely with css? Many thanks in advance.

Ie 6-8 Not Displaying Image Ff,safari,chrome Do

I have an issue with an image that just doesn't show up in IE6-8 no matter what I do. I even tried just putting in the url for the image and it still wouldn't show it. I took it into Photoshop to make sure it was properly saved as a jpeg and it is.

The file validates (with some minor color warnings).

I tried to post the url by putting url tags but that didnt work so here it is obscured mandp dot lamster dot org/contacts dot shtml

Image Does Not Position Correctly In Safari 4

I have a site that I have created in WordPress using a pre-designed theme that I heavily customized.
http://www.newlivingwaygreenville.org/blog/

The site looks great in Firefox 3.6, IE 7 and IE8 but one image on the home page will not align to the right in Safari 4.x.
The image of the pastors floats to the left and directly over the Flash slideshow in Safari 4 while in the proper place in the others.

The image is using inline styles to overcome the limitations of this particular WordPress theme.

Popup Of Image On Hover

I have seen it once but cannot find it. What I am looking for is a script or stylesheet code that when the mouse is over an image that is a link, a large size of that image will appear as a popup and disappear when mouse is removed, how do I do it or when can I find it.

Thanks

Tim

Css Image Map With Hover Effects

I'd better admit right off the bat that I'm a total moron at this stuff. Here's the site I'm working on (I apologize for the geocities ads - I don't want to buy hosting until I'm ready to roll with the page).

http://www.geocities.com/dbot69/page1.html

It does pretty much exactly what I want it to do through firefox, but it's all messed up on internet explorer. Is there any way I can get it to be compatible? I got the css code from this website (it's down but here's the google cache link):

On Hover Background Image

I am trying to get two image links (that look like tabs) to get to work on my web page. What I want to have is a tab that when a user hovers over it, the background image appears (just a different version of the original image).

For some reason in FF (have not tested in IE) the background image sticks out a little at the bottom even though both images used are exactly the same size. Then when I hover over the tab, its background image appears but it is about halfway down from the foreground image.

Any insights as to why this might be happening?

Css A:hover Image Replacement

I have a menu of made of images, each one is a link to a certain page.
I want to replace the current image with a new slightly different image when the user hovers on it. I have 5 menu items so 10 images.

My question is, can I do this in CSS without having to make a CSS rule for each image?

Css Image Enlarge On Hover Problem In Ie6, Need Help

I am using a CSS hover image enlarge which when you hover over a thumbnail, it then shows the large version.
It works fine in IE7 onwards,
but in IE6 the enlarged image is now showing at all when you hover over the thumbnail.

:hover And Background-image Reload In Ie

Hi-
Please view this page in both FF and IE:
http://www.highpeakssoftware.com/test/home.html
when hovering over the links on the left, a small arrow should appear next to each one. I am acheiving this by specifying each <a>'s background-image as the arrow with a left position of -16px (which places it outside the border, so it's invisible), then making it visible by changing it's left position to 0 when it is hovered over.
you can search for the following declaration in the css:
Code:

div#subnav ul li a:hover

or line 164 to see the code

however, in IE, it seems to be reloading the image on every hover (you can see the delayed response, as well as the hourglass very briefly on hover)

This is extremely annoying
anyone know of any ways around this bug?

Ie Background-image :hover Not Working

I have a menu which I has a background image which should appear when rolled over. Unfortunatly this works on Firefox but not IE. In internet explorer, nothing changes when the menu item is rolled over ( hovered ) .. any ideas?