Keskustelu: Nettisivujen teko: Css ja eri selaimet

Mikä seuraavassa css-koodissa mättää?

.leipa
{

        position:absolute;
        left:165px;
        top: 125px;

        height:600px;
        width: 495px;

        Background: #f1dcae;
        font-family: Verdana, Arial, Helvetica;
        font-size: 12px;
        border: solid #003366 7px;
        overflow:visible;
}

eli Opera ja IE näyttävät sivun oikein, mutta Firefox ei! Firefoxilla vieraskirjan tekstit menevät divin yli. Jos ette tajunneet niin tuolta löytyy kuvat siitä mitä tarkoitan:

http://koti.mbnet.fi/kozzu/opera.jpg
http://koti.mbnet.fi/kozzu//firefox.jpg

Johtuu tuosta "overflow:visible;"-rivistä. http://www.w3schools.com/css/pr_pos_overflow.asp : The content is not clipped. It renders outside the element => Eli firefox näyttää tuon mielestäni oikein. Ehkä kannattaisi määritellä height:n tilalle min-height, saattaisi jopa auttaa. Ja sen overflowin pitäisi varmaan olla auto eikä visible.