I'm new to these forums. I have a problem with IE and some CSS. It works fine in Firefox. But then what else is new.
Problem: My text won't center/middle in a div. I have not done anything special for it to work in Firefox, it just does. However it doesn't work in IE.
Please take a look at my site using IE or Opera or Netscape. Basically anything other than Firefox. Perhaps look at it using Firefox to see what I want.
Link: Site - http://www.davidspencer.id.au/NewSite CSS - http://www.davidspencer.id.au/NewSite/styles/style.css
The problem is with the Navigation bar under the banner.
Any feedback would be appreciated. If you need more details feel free to ask.
The reason you're seeing it vertically centered in Firefox is because Firefox's default top margin for a UL is somewhere around 16px, and since the height of the navigation div is 50px, it appears to be vertically centered. Other browsers have a default margin-top value of 0px for UL's.
Solution: Define all values for the margin and padding of the navigation UL and LI and you'll have a more consistent appearance across the various browsers.