On my website, I use a separate CSS file. In that file I have the following line - creating a box inside a screenwide container:
#detail { position:absolute; top:75px; left:35px; width:290px; border:#FFD outset medium; height:228px; font-family: Verdana, Geneva, sans-serif; font-size:15px; color:#FFD; padding:10px; }
Now in that box I have in the html a list, like this:
<div id="detail">DETAILS:<br />
<ul>
<li>Blabla</li>
<li>BlablaBlabla</li>
<li>Blabla</li>
<li>BlablaBlablaBlabla</li>
<li>BlablaBlablaBlablaBlabla</li>
<li>Blabla</li>
<li>BlablaBlablaBlablaBlabla</li>
<li>7 Blabla</li>
<li>1.4 BlablaBlablaBlabla</li>
</ul>
</div>
In Windows - with whatever browser, but let's say Firefox - this shows up great. Fits perfectly in the box. Firefox having all the standard settings and such. In Linux - tried on both OS's on several machines - the text is longer than the box, and the bottom line of the list falls under the bottom border of the box. Also in Firefox with all its standard settings.
Does anyone have any idea what I'm doing wrong? I haven't been able to check the rendering properly on a Mac.
