Why Doesn't This Work?

[Dysan]

How come the page at the following URL, displays fine using Internet Explorer (IE), but doesn't display correctly using FireFox (FF)?

 

The rounded corner images, should line up with the square corners of the DIV.

 

How do I get it to work in both web browsers?

 

URL: http://www.freewebs.com/ticstacs/Corners/Index.html

[bronzemonkey]

reset the margins and padding in all browsers so that you can work from an equal starting point. for example:

 

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, em, img, q, s, samp, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
padding:0; 
border:0; 
margin:0; 
font-size:100.01%; 
font-family:inherit;
}

 

from here you will have to change your margins but they should result the same appearance in all browsers. don't design to IE because it is the least standards compliant of current browsers, work to FF or Opera and then go look at it in IE.