When using the html5 doctype declaration (<!DOCTYPE html>) there is a small gap between the tabs and the tabpanels in several browsers.
Here's a screen capture from IE9 to show you what's happening: http://www.clubwebware.nl/uploads/images/temp/3-5-2012_14-11-58.jpg
Google Chrome does not have this gap, but other browsers like IE9 and Firefox 12 do.
That gap isn't there when using another doctype declaration like
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(screen shot: http://www.clubwebware.nl/uploads/images/temp/3-5-2012_14-21-38.jpg)
This seems to be a CSS issue, but how can I fix it?
Thanks in advance for any pointers.
Here's a screen capture from IE9 to show you what's happening: http://www.clubwebware.nl/uploads/images/temp/3-5-2012_14-11-58.jpg
Google Chrome does not have this gap, but other browsers like IE9 and Firefox 12 do.
That gap isn't there when using another doctype declaration like
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
(screen shot: http://www.clubwebware.nl/uploads/images/temp/3-5-2012_14-21-38.jpg)
This seems to be a CSS issue, but how can I fix it?
Thanks in advance for any pointers.