CSS Rollover Positioning Text

Sorry I suck at css and most of the time I just try different properties to get my way. But this time I can't seem to get what I want.

I just started on this site

As you can see, I already designed the menu and what I'm stuck on is the menu rollovers. It's just a simple background hover image for the menu links but I can't seem to position the text without moving the background image too.

Please help, thanks.

z-index problem in ie7 with fixed header element and transparency

I've mocked up a page using 960.gs that has has several elements fixed in a div under which the content of the of the page is to flow. The background of this div is a CSS gradient, and has a height of 100% (if the gradient is applied to to the actual body of the page it doesn't actually extend the whole width of the page). As the user scrolls up, the content is to be viewable behind an opaque menu.


The layout works as I want in FF and Chrome, but the content of the page scrolls over the fixed upper area in IE7.

Css Image Link Probelem


In my editor the following works. But on the site I am building when you place your cursor over the images in the Pieces in this Container, as you slid your cursor down over the image it skips to the

  • image link below it. I have toyed with this for sometime with no luck. I need the to be able to click the image and item number so it does not skip to the item below. You can check this on this page: Classique
  • <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

    Quick CSS menu position fix for IE7


    I have been working on this menu for several days. Building the menu was fine, but when it came to testing it in IE7 I was stumped...

    Basically what I have is a dropdown menu under the "Selling" menu item. It appears fine in every other browser.. In IE7 it positions incorrectly and moves over to the right.

    I have spent 3 days searching, fiddling, and trying new things out. Can anyone help me with this?

    A live preview is available:

    Thanks in advance for the help!

    Column height

    Hi guys.
    I have a two column layout in a liquid design.
    When i add content to my divs i am having trouble.
    When the content on the right is more than on the left it goes down with background color of body not the "allcontent" color.
    Could you please help me.

    Below is my html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Aznews.az-Xəbər portalı</title>

    Syndicate content