CSS problem in Firefox?

    Date: 05/08/07 (WebDesign)    Keywords: browser, css, html

    I'm having an issue with the display of my div boxes, and I'm not sure what the problem is. The weird thing is that I've tested using the exact same browser as the client (Firefox v.2.0.0.3), but we are not seeing the same thing, so I can't even try to recreate the problem at my end.

    I have several divs stacked on top of each other, with a grey border and two columns of text. It should look something like this:


    and it looks fine in both IE and Firefox at my end. However, my client says that, while it looks fine in IE for her, in Firefox, it is looking like this:


    She says that the grey lines are not static. They drag around as she scrolls up and down the page. However, they appear to be contained within the div (ex. they are not moving up to the header area or across the page)

    Here is my CSS (.services is the container, .servicespic is the left column, and .servicesdesc is the right column):
    .services {
    width:90%;
    padding:10px;
    margin-left:30px;
    margin-bottom:20px;
    border:#CCCCCC solid thin;
    overflow:auto;
    }

    .servicespic {
    text-align:center;
    vertical-align:middle;
    }

    .servicesdesc {
    width:60%;
    float:right;
    font:0.9em Tahoma, Arial, Helvetica, sans-serif;
    text-align:left;
    }

    and here is an example of the HTML for the divs:


     

      

    People with learning difficulties are capable performers in the employment market. Everyone needs the right tools and training to do their job at work and at school.


      

    Learn about our expertise


     

     

      

    EMPLOYMENT SUPPORT


     



     

      

    Going back to school is an exciting, yet challenging time! Learning By Strengths can help ease your transition by helping you learn essential skills. Adults and mature students returning to school are suddenly faced with reading vast amounts of information from textbooks, taking notes from lectures, working independently, and expressing ideas and understanding in written format, including pen and paper tests. For those who haven't previously acquired such important academic skills, or for those that have learning difficulties, the task of mastering content can be overwhelming, and sometimes meet with failure. Learning By Strengths can help ease your transition by helping you learn essential skills. We won't do your homework for you, but we'll help you get it done! In response to this challenge, many students with learning problems including those with learning disabilities have acquired and use specific learning strategies to become successful despite their knowledge and skill deficits.


      

    Learn about our expertise


     

     

      

    CONTINUOUS LEARNING SUPPORT


     




    Any suggestions? Thanks in advance.

    Source: http://community.livejournal.com/webdesign/1253373.html

« iframe crazyness || link to an external... »


antivirus | apache | asp | blogging | browser | bugtracking | cms | crm | css | database | ebay | ecommerce | google | hosting | html | java | jsp | linux | microsoft | mysql | offshore | offshoring | oscommerce | php | postgresql | programming | rss | security | seo | shopping | software | spam | spyware | sql | technology | templates | tracker | virus | web | xml | yahoo | home