Having trouble with text display on my website. It seems to vary based on screen resolution, but I can't figure out why.
Any insights on what might be causing this issue?
Check out the source code here
<body>
<div id="navwrap">
<div id="nav" align="center">
<ul>
<img src="img/notify_icon.png"/>
<li><a href="#top">HOME</a></li>
<li><a href="#p04">FEATURE SET</a></li>
<li><a href="#whoareweclick">WHO ARE WE</a></li>
<li><a href="#divider5">INDIEGOGO</a></li>
<li><a href="#href">CONTACT US</a></li>
</ul>
</div>
</div>
<div id="contentwrap">
<div id="welcome" align="center">
<table>
<tr id="tr01">
<td id="td01">
<p id="p01">Hi.</p>
<p id="p02">welcome to the webpage of</p>
<p id="p03">NOT!fy</p>
<p id="p04">the best solution against annoying notifications</p>
</td>
<td id="td02"><img src="img/notify_big_icon.png"/></td>
</tr>
</table>
</div>
<div id="divider" align="center">
<img src="img/divider_with_arrow.png"alt="divider" id="dividerpng"/>
</div>
<div id="featureset_chrome" align="center">
<table>
<tr id="chrometr">
<td id="chrometd01"><img src="img/featureset_chrome.png"/>
</td>
<td id="chrometd02">
<p id="chromep01">feature set</p>
<p id="chromep02">- a world first solution to get rid of annoying notifications</p>
<p id="chromep03">- you just need a Google Chrome extension and our app installed on your mobile device and you are good to go</p>
<p id="chromep04">behind the scenes</p>
<p id="chromep05">the Chrome extension watches which sites you are currently viewing and mutes the matching applications on your phone</p>
</td>
</tr>
</table>
</div>
<div id="divider2" align="center">
<img src="img/divider_points.png"alt="divider" id="dividerpointspng"/>
</div>...
<footer id="footer">
<p>Copyright: NOT!fy 2014, developed and designed by: Kristóf Dombi, Máté Bendegúz Kovács</p>
</footer>
@charset "utf-8";
/* CSS Document */
#navwrap {
z-index:10;
}
...