Hi, How do I stop the text contained in the "text1" div, from leaking outside the container div upon the user resizing the browsers text size?
Also, how come the text gets displays slightly higher in IE than it does in Firefox? - How do I display the text in exactly the same place when viewed in both browsers?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
#container
{
WIDTH: 771px;
HEIGHT: 850px;
POSITION: relative;
BORDER: 1px solid rgb(0,0,0);
}
p
{
TOP: 74px;
LEFT: 467px;
PADDING: 0px;
FONT-SIZE: 110%;
POSITION: absolute;
LETTER-SPACING: 0.7px;
FONT-FAMILY: Arial, Tahoma, Verdana, sans-serif;
}
</style>
</head>
<body>
<div id="container">
<p id="text1">jkljkljkljkl</p>
</div>
</body>
</html>
