Weird border problem
Hi all --
Just a quick one -
Any ideas why the border
(on the boxes left & right side - categories ect)
moves up a little in IE?
Its here: http://bluecrushdesign.co.za/dubai/
Stylesheet here: http://bluecrushdesign.co.za/dubai/stylesheet.css
Ive played with height ect.. not helping!
The problem is that you aren't using a full doctype and therefore ie6 is running in quirks mode and is therefore using the broken box model. See the faq on the broken box model for full details.
You should use a full doctype (with uri) and run ie6 in standards mode and then it will use the same box model as other browsers. If you stay in quirks mode then you will have to supply hacks th ie6 and under to accomodate the fact that padding and borders are inside the stated width and not added to it.
The full doctype for transitional is as follows.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">