I'm building a web site and I came across a problem - the elements are overlapping when I zoom in. All of the elements are divs and inside them I have headings, paragraphs, links and lists. Basically I have something like this:
<p>Long Tex 1t</p>
<p>Long Text 2</p>
<li> List Element 1 <br /> </li>
<li> List Element 2 <br /> </li>
<li> List Element 3 <br /> </li>
and I want to get something like this:
I want to position the #nav div on the left site and fix it right there, something like a navigation bar, and all my other content just right of the #nav div, but when I zoom in i don't want my elements to overlap.
If somebody could tell me how to fix this I would be very grateful.