Browser/CSS alignment issues and tips.

It has been several times observed that a page doesn’t look like the same in very browser.
Some common mistakes while coding html of the design.
It happens that some graphics designers also code html of the design, where they are not much aware about the html coding facts.
HTML is a loose coding language. In this advance era, the intelligent browsers like Mozilla Firefox, Google Chrome, I.E 8 and Safari provides html correction supports for your web pages.
I will also give an example but before that I would like to give you a tip before starting coding for html page.
1. Sometimes it has been observed that designers specify the document type as XHTML and code in HTML.
2. Try to use Mozilla HTML VALIDATOR while coding an html page. It will also help you to build W3C complaint compatible page.
By following the above mention tips you can get 70%-100% results and it is sure that it will increase your skills so you can achieve better results.
Here is an HTML example which effects the alignment of the page.
<ul>
<h1>Hello World</h1>
<li>FOO</li>
<h1>Hello World1</h1>
<li>FOO1</li>
</ul>
This code show different alignment in I.E 7 or below. It will align perfectly in Mozilla 3.0 or above and I.E8.
Conclusion: You must focus while writing an html page and don’t consider for a while that it is not a strict language.