I have problem with positioning my div. On Windows each browser is ok, but on MacOS it's different. This is the site: http://www.pulbus.pl
The problem is in the home page and in the contact page. The div with contact in the lower-left corner is below the blue label. It's lower than in windows about 20px.
This is my doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
My xhtml and css is valid, I've checked them on w3 validator.
Code:
<div id="data">
<span id="name">Pul-Bus Grzegorz Pulcyn</span> <br/>
ul. Waleniowa 7/3 <br/>
85-435 Bydgoszcz <br/>
<a href=" mailto: [email protected]">[email protected]</a><br/><br/>
<span id="tel">tel: +48 500 100 333</div>
</div>
#data
{
font-size: 12px;
color: #003664;
margin: 0 auto;
padding: 0 0 0 0;
width: 320px;
font-family: Verdana, Helvetica, sans-serif;
position: relative;
top: -380px;
right: 160px;
}