Information
More requests asking 'how do I center float:left; menus on my page'.
As with the previous 'sliding doors' menu this requires two different methods, one for Firefox, Opera, Safari, etc., and of course another for IE (including IE7).
Non-IE browsers use display:table and table-cell, whereas IE uses display:inline-block and display:inline.
We use display:inline-block; but then declare display:inline; becauset IE only recognises the inline-block style on inline elements. Try leaving out the display:inline; in the IE style to see what happens.
I have moved the IE only style into conditional comments which target all IE versions less than and equal to IE7, you never know IE8 may work with display:table; and also to make the css validate as the w3.org validator does not yet recognise display:inline-block; as a valid style.
This menu uses two very small 2 x 2 pixel gifs for the bottom left and bottom right corners.
The left corner image x10 
the red background has been added so that you can see the transparent image.
The right corner image x10 
the red background has been added so that you can see the transparent image.
Oh, and you can click any tab to reload the page with that tab made 'current'.
Copyright
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
CSS play Recommend
- SEO
Free SEO Analysis From SEO Consult - Phuket guide
A complete guide to Phuket - web designer
- www.thai.se
Thailand guide - Register Domain Name
- wholesale
- SEO
- Leading digital agency
Search & social experts to increase traffic - Myspace layouts and counter
Lyrics, polls, images & backgrounds -Free! - Website Design
- Online PR-Portal Social Media News
Our Press releases you can read on OA News - Web Banner Design
Unique designs from $20 - Pretronics UK
Pre Press Servicing - Web Hosting
Plans start at only $2.99/month - Northstar Hire
Pre book private car hire, Gloucester UK
CSS play Testimonial
"The 
web site uses
CSS play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."
Damon Clark - Brandwidth