If you open the following [URL=”http://tinyurl.com/32z86z”]page[/URL] and go to the bottom of the main grey rectangle. In IE6, there is a much bigger gap at the bottom of the rectangle compared to FF. Please, please is there anyone that can figure this out, thanks in advance
@CentauriMar 05.2008 — #This is due to IE not allowing an element to have less height than what is required for the current text size, even when no text is present. Fix is to specify a small font size :[CODE]#content_main_bottom { height:9px; width:770px; margin:0px auto 0px auto; background: url(../images/content_main_bottom.jpg) no-repeat; clear:left; [COLOR="Red"]font-size: 1px;[/COLOR] }[/CODE]
@CentauriMar 06.2008 — #Text size cascades down from parent elements (the "cascade" in css), so it is whatever the parent element size is - if no parents have text size defined, it is the size of the body text - if this has not been defined, it is the default browser size (usually around 16px).