Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Thanked 0 Times in 0 Posts

    cross browser background issue on a div with hidden overflow

    all Fixed, sorry for wrong forum.

    Hi there I'm relatively new to web building and would appreciate a little helping hand, I'm working on a site and thought I'd try out some jquery to expand a section when clicked to reveal it's hidden overflow and it's working fine, but I'm having an issue involving the background image which i've stuck to the bottom of the expanding div tag. In internet explorer the bg image sticks to the bottom of the div's content and vanishes along with that content into the overflow when the section collapses, and in fire fox the bg image sticks to the bottom of the div regardless of where the content starts or finishes. you can see the file here to take a look.

    click "employers" and see the differance between ie and firefox. There are different ways for me to do this I was just wondering if there's a simpler way than what i'm planning. I want it to behave the way it does in Firefox.

    here's the css i'm using for the expanding div. if it helps.
    #topInfo {
    	height: 10px;
    	overflow: hidden;
    	background-image: url(images/employerlowerbg.jpg);
    	background-repeat: repeat-x;
    	color: #00FF00;
    	background-position:bottom right;
    Last edited by mattqns; 10-22-2010 at 02:30 PM. Reason: resolved it, think i'm in the wrong forum too.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Ilkley, West Yorkshire, UK
    Thanked 727 Times in 721 Posts
    I'm struggling to see any difference between FF and IE7 or IE8. Are we talking about the black gradient border? That disappears in all of these browsers for me when the div is hidden.

    Or have I misunderstood?

    EDIT: Ah, I haven't misunderstood, you've fixed it.


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts