Hello everyone. I've just begun my journey in the land of CSS and have learned a lot from this website and all you good people. A hugh thank you for the web masters of this site.
The problem I'm having is strange to me, but I hope not to you all. Here is the link to the site I'm building; http://www.cuttingedgecabinetry.net/crap.html. Excuse me for the page name as it's just for me to test the pages before I make them "live". The very first DIV has a repeating background image that gets "cut off" from the browsers chrome. In Mac browsers it won't even make it to the bottom of the browser window. If you resize your browser you'll notice that it will get "cut off" from where the chrome was last. Hope you can help me solve this issue.
Why don't you make it bodys background and solve it that way?
My guess after checking your site in firefox and ie is that you have 100% height in css for that div.. The proper way is: div { min-height:100%; } * html div { height: 100%; overflow: visible; /* for IE */ }