[SOLVED] Can anyone tell me what the ____?

[monkeytooth]

Alright I have no clue if this is the right place to ask this, but.. I cant figure it out, and I am going to chalk it up to a cross of css and DIV

 

I am fairly new to css/div so bare with me.. I have an Issue with cross browser support but can't figure it out for the life of me.

 

I have set up a DIV (absolute via css) now this works and looks fine in IE and safari, but not Firefox or Opera.. am I am throwing a picture to better describe the problem if anyone can possibly help me out to figure out the problem that would be great. Thanks.

 

 

The ideal is how it looks in safari/ie.. i dont know whats causing it to chop up like the top of the picture..

[monkeytooth]

Thanks for any and all help, seriously 

Nah just kidding, found my issue to be in the coding of the table I am nesting in my DIV tag. Issue is resolved..

[dbrimlow]

Beware confusing "Div" with "CSS" (a common beginner to CSS mistake) - they are two completely different things and confusing them as being linked somehow causes a lot of wasted and bloated code - known as "DIVitus" - which contradicts the whole point of CSS which is cleaning up and paring down markup level styling elements and code bloat.

 

A "DIV" is no more and no less than a simple html tag placeholder. It is not intended to contain any untagged content, replace and/or emulate table cells, or replace properly coded semantically tagged html. DIVS MAY use a css ID or Class for positioning and styling, as can any other HTML tag.

 

CSS uses IDs and Classes to style any and ALL html tags (including but by no means limited to "DIVS"). CSS can style HTML markup that doesn't contain a single DIV. And THAT is the ultimate goal ... eliminating unnecessary elements in the markup.