skip to navigation - Fast, Effective, Handcrafted Websites -

Motuweb.com Techstuff Index

The pages in this section will only be of interest to people using CSS to build websites.

If this is you, I strongly suggest you join the superb email list at:
www.css-discuss.org/mailman/listinfo/css-d


Demos

Double image rollover using pure CSS. If you're wondering how I got the menu on the right working without JavaScript - here's how!

Bugs

IE6

IE6 cut-off / scrolling bug Because the height of previous pages is incorrectly cached, subsequent pages do not display full length - refresh or F11 will display whole page.

Expanding width bug IE6 At 600 x 800 screen resolution on some monitors, a % width on the containing div causes the page to expand with some types of content when links are hovered.

Text jump bug IE6 Text jumps about when links are hovered - problem caused by a % margin or % padding on the containing div, and a change of background colour or font-weight on the link.

IE5/Win

Missing Padding and Borders in IE5/Win Horizontal Unordered List Navigation bars cramp together because IE5/Win does not apply padding or borders.

IE5/Mac

Unwanted gap in IE5/Mac Strange gaps appear below divs because margin-bottom value is incorrectly inherited from content.

Rounded Corners problems with positioning corner images.

Opera, Firefox

Firefox 1.0 Keyboard Scroll Bug. On this demo page the PgDn button will only scroll to the bottom of content in div#menu on the right.

Hover Drop-down Sticky in Opera, Flickers in Firefox. Menu works in Opera if you move the cursor slowly and deliberately, but if you are quick the hover doesn't unhover.
Firefox works on my LCD monitor, but on VGA the hovered menu flickers on and off so badly it becomes unusable.

motuweb.com - CSS section