Announcement

Collapse
No announcement yet.

Firefox CSS bug???

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Firefox CSS bug???

    I am trying to display a banner image that is linked with some simple styling.

    HTML Code:
    <div id="advert">
    <a href="#"><img src="banner.gif" /></a>
    </div>
    I use CSS just to add some nice border styling and some slight margins.

    HTML Code:
    div#advert a {
        margin: 7px 0px 7px 10px; 
        border: 1px solid #000;
    }
    
    div#advert a img {
            
        border: 2px solid #FFFFFF;
        
    }
    Thing is... it is working perfectly in IE6, but is messing up in Firefox. In Firefox, the border on <a> is not surrounding the banner ad, but rather is hidden behind the bottom third of the banner ad. Just to let you all know, I have plenty of room within my current div block, so no probs there. Any idea why the border for <a> is not surrounding the border for <img> in Firefox??? Thanks guys.

  • #2
    Can you provide a link to the page where we can see the issue? or maybe a screen shot?
    Greg Swaney
    [email protected]
    NEXCESS.NET Internet Solutions
    http://nexcess.net

    Comment


    • #3
      Yeah it would help if you had an example so we can see the problem within the context of your site.

      You can try adding display: block; to div#advert a like:

      Code:
      div#advert a {
          margin: 7px 0px 7px 10px; 
          border: 1px solid #000;[FONT=Courier New]
          [B]display: block;[/B][/FONT]
      }

      Comment

      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...
      X