From af3a695bcfb19b8e70c57c51f3d16d822062f7ac Mon Sep 17 00:00:00 2001
From: Jaroslav Hanslik <kukulich@kukulich.cz>
Date: Thu, 11 Feb 2016 22:10:45 +0100
Subject: [PATCH] Improved Css::convertStyleToInline()

---
 Jyxo/Css.php                                  | 480 +++++++++++++-----
 tests/Jyxo/CssTest.php                        |   2 +-
 tests/files/css/convertstyle-1-expected.html  | 366 ++++++++++++-
 tests/files/css/convertstyle-1.html           | 354 ++++++++++++-
 tests/files/css/convertstyle-10-expected.html |  24 +
 tests/files/css/convertstyle-10.html          |  24 +
 tests/files/css/convertstyle-4-expected.html  |  80 +--
 tests/files/css/convertstyle-4.html           |   2 +-
 tests/files/css/convertstyle-5-expected.html  |  42 +-
 tests/files/css/convertstyle-5.html           |  42 +-
 tests/files/css/convertstyle-6-expected.html  | 378 +++++++-------
 tests/files/css/convertstyle-6.html           |  10 +-
 tests/files/css/convertstyle-7-expected.html  |  15 +
 tests/files/css/convertstyle-7.html           |  15 +
 tests/files/css/convertstyle-8-expected.html  |  14 +
 tests/files/css/convertstyle-8.html           |  14 +
 tests/files/css/convertstyle-9-expected.html  |  15 +
 tests/files/css/convertstyle-9.html           |  15 +
 18 files changed, 1526 insertions(+), 366 deletions(-)
 create mode 100644 tests/files/css/convertstyle-10-expected.html
 create mode 100644 tests/files/css/convertstyle-10.html
 create mode 100644 tests/files/css/convertstyle-7-expected.html
 create mode 100644 tests/files/css/convertstyle-7.html
 create mode 100644 tests/files/css/convertstyle-8-expected.html
 create mode 100644 tests/files/css/convertstyle-8.html
 create mode 100644 tests/files/css/convertstyle-9-expected.html
 create mode 100644 tests/files/css/convertstyle-9.html

diff --git a/Jyxo/Css.php b/Jyxo/Css.php
index b2f455a..d208a2f 100644
--- a/Jyxo/Css.php
+++ b/Jyxo/Css.php
@@ -129,7 +129,18 @@ public static function minify(string $css): string
 	 * * a.icon.small {...}
 	 * * a#remove.icon.small {...}
 	 * * a img {...}
+	 * * a > img {...}
+	 * * li + li {...}
+	 * * a#remove.icon.small img {...}
 	 * * h1, h2 {...}
+	 * * p a:first-child {...}
+	 * * p a:last-child {...}
+	 * * p a:nth-child(...) {...}
+	 * * p a:nth-last-child(...) {...}
+	 * * p a:first-of-type {...}
+	 * * p a:last-of-type {...}
+	 * * p a:nth-of-type(...) {...}
+	 * * p a:nth-last-of-type(...) {...}
 	 * * a:link {...} - converts to a {...}
 	 *
 	 * @param string $html Processed HTML source
@@ -146,131 +157,338 @@ public static function convertStyleToInline(string $html): string
 		}
 
 		// Parse the HTML source
-		preg_match_all('~(?:<\\w+[^>]*(?: /)?>)|(?:</\\w+>)|(?:<![^>]+>)|(?:[^<]+)~', $html, $matches);
+		preg_match_all('~(?:<\\w+[^>]*(?:\\s*/)?>)|(?:</\\w+>)|(?:<!--)|(?:<!\[endif\]-->)|(?:<!\[CDATA\[.+?\]\]>)|(?:<!DOCTYPE[^>]+>)|(?:[^<]+)~s', $html, $matches);
+
+		$level = 0;
 		$path = [];
-		$html = '';
-		$inStyle = false;
-		foreach ($matches[0] as $htmlPart) {
-			// Skip <style> elements
-			if (0 === strpos($htmlPart, '<style')) {
-				// <style> opening tag
-				$inStyle = true;
-			} elseif (0 === strpos($htmlPart, '</style')) {
-				// <style> closing tag
-				$inStyle = false;
-			} elseif (!$inStyle) {
-				// Not inside the <style> element
-
-				// Closing tag
-				if (0 === strpos($htmlPart, '</')) {
-					array_pop($path);
-				} elseif (('<' === $htmlPart[0]) && (0 !== strpos($htmlPart, '<!'))) {
-					// Opening tag or empty element, ignoring comments
-
-					$htmlPart = trim($htmlPart, '/<> ');
-
-					$attributeList = ['id' => '', 'class' => ''];
-					// If there is no space, there are no attributes
-					if (false !== strpos($htmlPart, ' ')) {
-						list($tag, $attributes) = explode(' ', $htmlPart, 2);
-
-						// Parse attributes
-						foreach (explode('" ', $attributes) as $attribute) {
-							list($attributeName, $attributeContent) = preg_split('~=["\']~', $attribute);
-							$attributeList[$attributeName] = trim($attributeContent, '"\'');
+		$nodeNo = 0;
+		$nodes = [];
+		foreach ($matches[0] as $match) {
+			if (0 === strpos($match, '</')) {
+				$level--;
+				array_pop($path[$level]);
+				$nodes[$nodeNo] = [
+					'number' => $nodeNo,
+					'type' => 'closing-tag',
+					'content' => $match,
+					'level' => $level
+				];
+			} elseif ('<' === $match[0] && 0 !== strpos($match, '<!')) {
+				list($tag, $attributes) = preg_split('~(?:\\s+|/|$)~', trim($match, '<>'), 2);
+				$tag = strtolower($tag);
+				$id = null;
+				$class = [];
+
+				if (preg_match('~(?:^|\\s)id=(?:(?:(["\'])([^\\1]+?)\\1)|(\\S+))~', $attributes, $matches)) {
+					$id = $matches[3] ?? $matches[2];
+				}
+
+				if (preg_match('~(?:^|\\s)class=(?:(?:(["\'])([^\\1]+?)\\1)|(\\S+))~', $attributes, $matches)) {
+					$class = preg_split('~\\s+~', $matches[3] ?? $matches[2]);
+				}
+
+				$path[$level][] = $nodeNo;
+
+				$parent = null;
+				if ($level > 0) {
+					$parent = end($path[$level - 1]);
+					$nodes[$parent]['children'][] = $nodeNo;
+				}
+
+				$nodes[$nodeNo] = [
+					'number' => $nodeNo,
+					'type' => 'opening-tag',
+					'content' => $match,
+					'level' => $level,
+					'parent' => $parent,
+					'children' => [],
+					'tag' => $tag,
+					'id' => $id,
+					'class' => $class,
+				];
+
+				static $emptyTags = ['br', 'hr', 'img', 'input', 'link', 'meta', 'source', 'track', 'param', 'area', 'command', 'col', 'base', 'keygen', 'wbr'];
+				if (!in_array($tag, $emptyTags, true)) {
+					$level++;
+				}
+
+			} else {
+				$nodes[$nodeNo] = [
+					'number' => $nodeNo,
+					'type' => 'other',
+					'content' => $match,
+					'level' => $level
+				];
+			}
+
+			$nodeNo++;
+		}
+
+		$checkIfNodeMatchesSelector = function (array $node, array $selector) use ($nodes): bool {
+			if ((null !== $selector['tag'] && $node['tag'] !== $selector['tag'])
+				|| (null !== $selector['id'] && $node['id'] !== $selector['id'])
+				|| count(array_diff($selector['class'], $node['class'])) > 0) {
+				return false;
+			}
+
+			if (0 === count($selector['pseudoClass'])) {
+				return true;
+			} elseif (null === $node['parent']) {
+				return false;
+			}
+
+			$siblings = $nodes[$node['parent']]['children'];
+			$positionAmongSiblings = array_search($node['number'], $siblings, true);
+			if (false === $positionAmongSiblings) {
+				return false;
+			}
+
+			$sameTypeSiblings = array_values(array_filter($siblings, function (int $siblingNo) use ($nodes, $node): bool {
+				return $node['tag'] === $nodes[$siblingNo]['tag'];
+			}));
+			$positionAmongSameTypeSiblings = array_search($node['number'], $sameTypeSiblings, true);
+
+			// CSS is counting from one
+			$positionAmongSiblings++;
+			if ($positionAmongSameTypeSiblings !== false) {
+				$positionAmongSameTypeSiblings++;
+			}
+
+			foreach ($selector['pseudoClass'] as $pseudoClass) {
+				$match = false;
+				if ('first-child' === $pseudoClass) {
+					$match = 1 === $positionAmongSiblings;
+				} elseif ('first-of-type' === $pseudoClass) {
+					$match = 1 === $positionAmongSameTypeSiblings;
+				} elseif ('last-child' === $pseudoClass) {
+					$match = count($siblings) === $positionAmongSiblings;
+				} elseif ('last-of-type' === $pseudoClass) {
+					$match = count($sameTypeSiblings) === $positionAmongSameTypeSiblings;
+				} elseif (preg_match('~^nth-(child|of-type)\(([^\)]+)\)$~', $pseudoClass, $matches)) {
+					if ('child' === $matches[1]) {
+						$position = $positionAmongSiblings;
+					} else {
+						if (false === $positionAmongSameTypeSiblings) {
+							return false;
 						}
+						$position = $positionAmongSameTypeSiblings;
+					}
+					$figure = $matches[2];
+
+					if ('odd' === $figure) {
+						$match = 1 === $position % 2;
+					} elseif ('even' === $figure) {
+						$match = 0 === $position % 2;
+					} elseif (preg_match('~^(\\d+)n(?:\+(\\d+))?$~', $figure, $figureMatches)
+							|| preg_match('~^\+?(\\d+)$~', $figure, $figureMatches)
+							|| preg_match('~^-(\\d+)n\+(\\d+)$~', $figure, $figureMatches)) {
+						$a = (int) $figureMatches[1];
+						$b = (int) ($figureMatches[2] ?? 0);
+						$difference = $b - $position;
+						$match = 0 === ($a === 0 ? $difference : $difference % $a);
+					}
+				} elseif (preg_match('~^nth-last-(child|of-type)\(([^\)]+)\)$~', $pseudoClass, $matches)) {
+					if ('child' === $matches[1]) {
+						$position = $positionAmongSiblings;
+						$siblingsCount = count($siblings);
 					} else {
-						$tag = $htmlPart;
+						if (false === $positionAmongSameTypeSiblings) {
+							return false;
+						}
+
+						$position = $positionAmongSameTypeSiblings;
+						$siblingsCount = count($sameTypeSiblings);
+					}
+					$figure = $matches[2];
+
+					if ('even' === $figure) {
+						$match = (0 === $siblingsCount % 2 ? 1 : 0) === $position % 2;
+					} elseif ('odd' === $figure) {
+						$match = (0 === $siblingsCount % 2 ? 0 : 1) === $position % 2;
+					} elseif (preg_match('~^(\\d+)n(?:\+(\\d+))?$~', $figure, $figureMatches)
+							|| preg_match('~^\+?(\\d+)$~', $figure, $figureMatches)
+							|| preg_match('~^-(\\d+)n\+(\\d+)$~', $figure, $figureMatches)) {
+						$a = (int) $figureMatches[1];
+						$b = (int) ($figureMatches[2] ?? 0);
+						$difference = $siblingsCount + 1 - $position - $b;
+						$match = 0 === ($a === 0 ? $difference : $difference % $a);
 					}
-					$attributeClass = !empty($attributeList['class']) ? explode(' ', $attributeList['class']) : [];
+				}
 
-					// Add element information to the path
-					array_push($path, [
-							'tag' => $tag,
-							'id' => $attributeList['id'],
-							'class' => $attributeClass
-						]
-					);
-
-					// Walk through the CSS definition list and add applicable properties
-					// Because of inheritance, walk the array in reversed order
-					foreach (array_reverse($cssList) as $css) {
-						// Selectors have to have equal or less parts than the HTML element nesting level
-						if (count($css['selector']) > count($path)) {
-							continue;
-						}
+				if (!$match) {
+					return false;
+				}
+			}
 
-						// The last selector part must correspond to the last processed tag
-						$lastSelector = end($css['selector']);
-						if (((!empty($lastSelector['tag'])) && ($tag !== $lastSelector['tag']))
-								|| ((!empty($lastSelector['id'])) && ($attributeList['id'] !== $lastSelector['id']))
-								|| (count(array_diff($lastSelector['class'], $attributeClass)) > 0)) {
-							continue;
-						}
+			return true;
+		};
 
-						$add = true;
-						$lastPathKey = count($path);
-						foreach (array_reverse($css['selector']) as $selector) {
-							// Nothing was found in the previous search, no reason to continue searching
-							if (!$add) {
-								break;
-							}
+		$html = '';
+		foreach ($nodes as $nodeNo => $node) {
+			if ('opening-tag' === $node['type']) {
+				$inlineStyles = [];
+				$styles = [];
+
+				$addStyle = function (string $rule, array $selectors = null) use (&$styles) {
+					list($property, $propertyValue) = explode(':', $rule, 2);
+
+					$styles[$property][] = [
+						'value' => $propertyValue,
+						'selectors' => $selectors
+					];
+				};
+
+				if (preg_match('~\\s+style=((?:(["\'])([^\\2]+?)\\2)|(\\S+))~', $node['content'], $matches)) {
+					$styleContent = $matches[4] ?? $matches[3];
+					if ("'" === $matches[2]) {
+						$styleContent = strtr($styleContent, ['"' => "'", "\\'" => "'"]);
+					}
+
+					$inlineStyles = explode(';', self::minify($styleContent));
+				}
+
+				// Walk through the CSS definition list and add applicable properties
+				foreach ($cssList as $css) {
+					$selectorPartsCount = count($css['selector']);
+
+					// Selectors have to have equal or less parts than the HTML element nesting level
+					if ($selectorPartsCount > ($node['level'] + 1)) {
+						continue;
+					}
+
+					// The last selector part must correspond to the last processed tag
+					$lastSelector = end($css['selector']);
+					if (!$checkIfNodeMatchesSelector($node, $lastSelector)) {
+						continue;
+					}
+
+					$selectorMatched = true;
+
+					if ($selectorPartsCount > 1) {
+						$previousSelector = $lastSelector;
+						$currentNode = $node;
+
+						// Skip last selector, it was already checked
+						for ($i = $selectorPartsCount - 2; $i >= 0; $i--) {
+							$selector = $css['selector'][$i];
+
+							if ($previousSelector['type'] === 'sibling') {
+								$siblings = $nodes[$currentNode['parent']]['children'];
+								$positionAmongSiblings = array_search($currentNode['number'], $siblings, true);
 
-							for ($i = ($lastPathKey - 1); $i >= 0; $i--) {
-								if (((empty($selector['tag'])) || ($path[$i]['tag'] === $selector['tag']))
-										&& ((empty($selector['id'])) || ($path[$i]['id'] === $selector['id']))
-										&& (0 === count(array_diff($selector['class'], $path[$i]['class'])))) {
-									$lastPathKey = $i;
-									continue 2;
+								if ($positionAmongSiblings !== 0 && $checkIfNodeMatchesSelector($nodes[$siblings[$positionAmongSiblings - 1]], $selector)) {
+									$currentNode = $nodes[$siblings[$positionAmongSiblings - 1]];
+									$previousSelector = $selector;
+
+									continue;
 								}
-							}
+							} else {
+								$startSearchLevel = $currentNode['level'] - 1;
 
-							$add = false;
-						}
+								if ($previousSelector['type'] === 'child') {
+									$endSearchLevel = $startSearchLevel;
+								} else {
+									$endSearchLevel = 0;
+								}
+
+								for ($j = $startSearchLevel; $j >= $endSearchLevel; $j--) {
+									$currentNode = $nodes[$currentNode['parent']];
 
-						if ($add) {
-							// Add a semicolon if missing
-							if (';' !== substr($css['rules'], -1)) {
-								$css['rules'] .= ';';
+									if ($checkIfNodeMatchesSelector($currentNode, $selector)) {
+										$previousSelector = $selector;
+										continue 2;
+									}
+								}
 							}
-							// CSS is processed in the reversed order, co place to the beginning
-							$attributeList['style'] = $css['rules'] . (isset($attributeList['style']) ? $attributeList['style'] : '');
+
+							$selectorMatched = false;
+							break;
 						}
 					}
 
-					// Creates a new tag
-					$htmlPart = '<' . $tag;
-					foreach ($attributeList as $attributeName => $attributeContent) {
-						// Not using empty() because it would make attributes with the "0" value ignored
-						if ('' !== $attributeContent) {
-							$htmlPart .= ' ' . $attributeName . '="' . $attributeContent . '"';
+					if ($selectorMatched) {
+						foreach (explode(';', $css['rules']) as $rule) {
+							$addStyle($rule, $css['selector']);
 						}
 					}
+				}
 
-					// Empty tags
-					switch ($tag) {
-						case 'br':
-						case 'hr':
-						case 'img':
-						case 'input':
-							$htmlPart .= ' />';
-							break;
-						default:
-							$htmlPart .= '>';
-							break;
+				// Adds inline styles to the end
+				foreach ($inlineStyles as $rule) {
+					$addStyle($rule);
+				}
+
+				// Adds styles to HTML part
+				if (count($styles) > 0) {
+					$styleContent = '';
+
+					foreach ($styles as $property => $propertyData) {
+						uksort($propertyData, function (int $a, int $b) use ($propertyData): int {
+							$aHasImportant = false !== strpos($propertyData[$a]['value'], '!important');
+							$bHasImportant = false !== strpos($propertyData[$b]['value'], '!important');
+
+							if ($aHasImportant && !$bHasImportant) {
+								return 1;
+							} elseif (!$aHasImportant && $bHasImportant) {
+								return -1;
+							}
+
+							$aIsInline = null === $propertyData[$a]['selectors'];
+							$bIsInline = null === $propertyData[$b]['selectors'];
+
+							if ($aIsInline && !$bIsInline) {
+								return 1;
+							} elseif (!$aIsInline && $bIsInline) {
+								return -1;
+							}
+
+							$priority = function (array $selectors): int {
+								$priority = 0;
+								foreach ($selectors as $selector) {
+									if (null !== $selector['id']) {
+										$priority += 10000;
+									}
+									$classCount = count($selector['class']) + count($selector['pseudoClass']);
+									if ($classCount > 0) {
+										$priority += 100 * $classCount;
+									}
+									if (null !== $selector['tag']) {
+										$priority += 1;
+									}
+								}
+
+								return $priority;
+							};
+
+							$aPriority = $priority($propertyData[$a]['selectors']);
+							$bPriority = $priority($propertyData[$b]['selectors']);
+
+							if ($aPriority !== $bPriority) {
+								return $aPriority <=> $bPriority;
+							} else {
+								return $a <=> $b;
+							}
+						});
+
+						$styleContent .= sprintf('%s:%s;', $property, rtrim(end($propertyData)['value'], ';'));
 					}
+
+					$styleAttribute = sprintf('style="%s"', rtrim($styleContent, ';'));
+					$node['content'] = preg_replace_callback('~(?:(\\s+)style=(?:(?:(["\'])(?:[^\\2]+?)\\2)|(?:\\S+)))|(\\s*/?>$)~', function (array $matches) use ($styleAttribute) {
+						$before = $matches[1];
+						if (isset($matches[3])) {
+							$before = ' ';
+						}
+
+						$after = $matches[3] ?? '';
+
+						return $before . $styleAttribute . $after;
+					}, $node['content'], 1);
 				}
 			}
 
 			// Append the part to the HTML source
-			$html .= $htmlPart;
-		}
-
-		// In case of float: add a cleaner (if there is none present already)
-		$cleaner = '<div style="clear: both; visibility: hidden; overflow: hidden; height: 1px;">';
-		if ((preg_match('~<\\w+[^>]+style="[^"]*float:[^"]*"~', $html))
-				&& (!preg_match('~' . preg_quote($cleaner) . '\\s*</body>\\s*</html>\\s*$~', $html))) {
-			$html = str_replace('</body>', $cleaner . '</body>', $html);
+			$html .= $node['content'];
 		}
 
 		return $html;
@@ -285,6 +503,9 @@ public static function convertStyleToInline(string $html): string
 	 */
 	private static function parseStyle(string $html): array
 	{
+		// Remove conditional comments
+		$html = preg_replace('~<!--\[if[^\]]*\]>.*?<!\[endif\]-->~s', '', $html);
+
 		// Find <style> elements
 		if (!preg_match_all('~<style\\s+(?:[^>]+\\s+)*type="text/css"[^>]*>(.*?)</style>~s', $html, $styles)) {
 			return [];
@@ -292,8 +513,9 @@ private static function parseStyle(string $html): array
 
 		$cssList = [];
 		foreach ($styles[1] as $style) {
-			// Remove CDATA and HTML comments
+			// Remove CDATA and comments
 			$style = str_replace(['<![CDATA[', ']]>', '<!--', '-->'], '', $style);
+			$style = preg_replace('~/\*.*\*/~sU', '', $style);
 
 			// Optimize the parsed definitions
 			$style = self::minify($style);
@@ -302,15 +524,15 @@ private static function parseStyle(string $html): array
 				continue;
 			}
 
-			// Replace quotes with apostrophes
-			$style = str_replace('"', "'", $style);
+			// Replace double quotes with single quotes
+			$style = strtr($style, ['"' => "'", "\\'" => "'"]);
 
 			// Remove the last empty part
 			$definitions = explode('}', $style, -1);
 
 			foreach ($definitions as $definition) {
 				// Allows only supported selectors with valid rules
-				if (!preg_match('~^(?:(?:(?:[\-_\\w#.:]+)\\s?)+,?)+{(?:[-\\w]+:[^;]+[;]?)+$~', $definition)) {
+				if (!preg_match('~^(?:(?:(?:(?:[#.]?[-\\w]+)+(?::[-\\w\(\)+]+)?)[\\s>+]*)+,?)+{(?:[-\\w]+:[^;]+[;]?)+$~', $definition)) {
 					continue;
 				}
 
@@ -320,12 +542,37 @@ private static function parseStyle(string $html): array
 					$part = str_replace(':link', '', $part);
 
 					$parsedSelector = [];
-					foreach (explode(' ', $part) as $selectorPart) {
-						// If no tag name was given use a fake one
-						if (('.' === $selectorPart[0]) || ('#' === $selectorPart[0])) {
-							$selectorPart = ' ' . $selectorPart;
+					$type = null;
+
+					if (!preg_match_all('~((?:[#.]?[-\\w]+)+(?::[-\\w\(\)+]+)?)|([+>\\s])~', $part, $matches, PREG_SET_ORDER)) {
+						continue;
+					}
+
+					foreach ($matches as $match) {
+						if (isset($match[2])) {
+							switch ($match[2]) {
+								case '+':
+									$type = 'sibling';
+									break;
+								case '>':
+									$type = 'child';
+									break;
+								default:
+									$type = 'descendant';
+									break;
+							}
+							continue;
 						}
 
+						$selectorPart = $match[1];
+
+						if (false !== strpos($selectorPart, ':')) {
+							list($selectorPart, $pseudoClass) = explode(':', $selectorPart, 2);
+							// There can be multiple pseudo-classes
+							$pseudoClass = explode(':', $pseudoClass);
+						} else {
+							$pseudoClass = [];
+						}
 						if (false !== strpos($selectorPart, '.')) {
 							list($selectorPart, $class) = explode('.', $selectorPart, 2);
 							// There can be multiple classes
@@ -336,14 +583,19 @@ private static function parseStyle(string $html): array
 						if (false !== strpos($selectorPart, '#')) {
 							list($selectorPart, $id) = explode('#', $selectorPart, 2);
 						} else {
-							$id = '';
+							$id = null;
+						}
+						$tag = strtolower(trim($selectorPart));
+						if ($tag === '') {
+							$tag = null;
 						}
-						$tag = trim($selectorPart);
 
 						$parsedSelector[] = [
-							'tag' => strtolower($tag),
+							'type' => $type,
+							'tag' => $tag,
 							'id' => $id,
-							'class' => $class
+							'class' => $class,
+							'pseudoClass' => $pseudoClass,
 						];
 					}
 
diff --git a/tests/Jyxo/CssTest.php b/tests/Jyxo/CssTest.php
index e170949..7efe91d 100644
--- a/tests/Jyxo/CssTest.php
+++ b/tests/Jyxo/CssTest.php
@@ -172,7 +172,7 @@ public function testMinify()
 	 */
 	public function testConvertStyleToInline()
 	{
-		$testCount = 6;
+		$testCount = 10;
 
 		for ($i = 1; $i <= $testCount; $i++) {
 			$this->assertStringEqualsFile(
diff --git a/tests/files/css/convertstyle-1-expected.html b/tests/files/css/convertstyle-1-expected.html
index 07cac12..23db705 100644
--- a/tests/files/css/convertstyle-1-expected.html
+++ b/tests/files/css/convertstyle-1-expected.html
@@ -1,9 +1,15 @@
 <html>
 <head>
 	<style type="text/css">
+		html h1 {font-family: sans-serif;}
 		a {color: green;}
-		p > a {color: yellow;}
 		#header {border: solid 1px black;}
+
+		@media screen and (max-width: 600px) {
+			a {
+				color: pink;
+			}
+		}
 	</style>
 	<style type="text/css">
 		<![CDATA[
@@ -17,19 +23,359 @@
 			a#remove.icon.small {background-image: url("remove.png");}
 			a img {text-decoration: none;}
 			h1, h2 {font-weight: bold;}
-			a:link {color: orange}
+			a:link {color: orange;}
+			p img.last:last-child {border: solid 1px red;}
+
+			p a:first-child {color: red;}
+			p a:last-child {color: green;}
+			p a:nth-child(3) {color: pink;}
+
+			p#child span:nth-child(0n+1) {background: black;}
+			p#child span:nth-child(odd) {color: yellow;}
+			p#child span:nth-child(2n+1) {font-style: italic;}
+			p#child span:nth-child(even) {color: blue;}
+			p#child span:nth-child(2n) {font-weight: bold;}
+			p#child span:nth-child(3) {background: pink;}
+
+			p#last-child span:nth-last-child(0n+1) {background: black;}
+			p#last-child span:nth-last-child(odd) {color: yellow;}
+			p#last-child span:nth-last-child(2n+1) {font-style: italic;}
+			p#last-child span:nth-last-child(even) {color: blue;}
+			p#last-child span:nth-last-child(2n) {font-weight: bold;}
+			p#last-child span:nth-last-child(3) {background: pink;}
+
+			div#child-positive span:nth-child(4n+3) {color: green;}
+		    div#child-negative span:nth-child(-5n+16) {color: red;}
+
+			div#child-last-positive span:nth-last-child(4n+3) {color: green;}
+			div#child-last-negative span:nth-last-child(-5n+16) {color: red;}
+
+			div#first-of-type strong:first-of-type {color: red;}
+			div#last-of-type strong:last-of-type {color: blue;}
+			div#nth-of-type strong:nth-of-type(3) {color: pink;}
+
+			div#nth-of-type span:nth-of-type(0n+1) {background: black;}
+			div#nth-of-type span:nth-of-type(odd) {color: yellow;}
+			div#nth-of-type span:nth-of-type(2n+1) {font-style: italic;}
+			div#nth-of-type span:nth-of-type(even) {color: blue;}
+			div#nth-of-type span:nth-of-type(2n) {font-weight: bold;}
+			div#nth-of-type span:nth-of-type(3) {background: pink;}
+
+			div#nth-of-type-positive span:nth-of-type(4n+3) {color: green;}
+			div#nth-of-type-negative span:nth-of-type(-5n+16) {color: red;}
+
+			div#nth-of-type-last-positive span:nth-last-of-type(4n+3) {color: green;}
+			div#nth-of-type-last-negative span:nth-last-of-type(-5n+16) {color: red;}
 		/* ]]> */
 	</style>
+	<!--[if gte mso 12]>
+		<style type="text/css">
+			a {color: blue;}
+		</style>
+	<![endif]-->
 </head>
 <body>
-	<h1 id="header" style="border:solid 1px black;font-size:200%;font-weight:bold;background-color: #ffffff; color: #000000;">H1</h1>
+	<h1 id="header" style="font-family:sans-serif;border:solid 1px black;font-size:200%;font-weight:bold;background-color:#fff;color:#000">H1</h1>
 	<p>
-		<a href="http://domain.tld" title="Link" style="color:green;color:orange;">Link</a>
-		<a style="color:green;color:orange;"><img src="image.gif" style="text-decoration:none;" /></a>
-		<a class="icon small" style="color:green;display:block;width:16px;height:16px;color:orange;"></a>
-		<a id="remove" class="icon small" style="color:green;display:block;width:16px;height:16px;background-image:url('remove.png');color:orange;"></a>
+		<a href="http://domain.tld" title="Link" style="color:red">Link</a>
+		<a style="color:orange"><img src="image.gif" style="text-decoration:none" /></a>
+		<a class="icon small" style="color:pink;display:block;width:16px;height:16px"></a>
+		<a id="remove" class="icon small" style="color:orange;display:block;width:16px;height:16px;background-image:url('remove.png')"></a>
+		<img src="image.gif" />
 	</p>
-	<h2 style="font-weight:bold;">H2</h2>
-	<p>Text text text</p>
+	<h2 style="font-weight:bold">H2</h2>
+	<p id="child">
+		<span style="background:black;color:yellow;font-style:italic">First</span>
+		<span style="color:blue;font-weight:bold">Second</span>
+		<span style="color:yellow;font-style:italic;background:pink">Third</span>
+	</p>
+	<p id="last-child">
+		<span style="color:yellow;font-style:italic;background:pink">First</span>
+		<span style="color:blue;font-weight:bold">Second</span>
+		<span style="background:black;color:yellow;font-style:italic">Third</span>
+	</p>
+	<div id="child-positive">
+		<span>1</span>
+		<span>2</span>
+		<span style="color:green">3</span>
+		<span>4</span>
+		<span>5</span>
+		<span>6</span>
+		<span style="color:green">7</span>
+		<span>8</span>
+		<span>9</span>
+		<span>10</span>
+		<span style="color:green">11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span style="color:green">15</span>
+		<span>16</span>
+		<span>17</span>
+		<span>18</span>
+		<span style="color:green">19</span>
+		<span>20</span>
+	</div>
+	<div id="child-negative">
+		<span style="color:red">1</span>
+		<span>2</span>
+		<span>3</span>
+		<span>4</span>
+		<span>5</span>
+		<span style="color:red">6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span>10</span>
+		<span style="color:red">11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span>15</span>
+		<span style="color:red">16</span>
+		<span>17</span>
+		<span>18</span>
+		<span>19</span>
+		<span>20</span>
+	</div>
+	<div id="child-last-positive">
+		<span>1</span>
+		<span style="color:green">2</span>
+		<span>3</span>
+		<span>4</span>
+		<span>5</span>
+		<span style="color:green">6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span style="color:green">10</span>
+		<span>11</span>
+		<span>12</span>
+		<span>13</span>
+		<span style="color:green">14</span>
+		<span>15</span>
+		<span>16</span>
+		<span>17</span>
+		<span style="color:green">18</span>
+		<span>19</span>
+		<span>20</span>
+	</div>
+	<div id="child-last-negative">
+		<span>1</span>
+		<span>2</span>
+		<span>3</span>
+		<span>4</span>
+		<span style="color:red">5</span>
+		<span>6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span style="color:red">10</span>
+		<span>11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span style="color:red">15</span>
+		<span>16</span>
+		<span>17</span>
+		<span>18</span>
+		<span>19</span>
+		<span style="color:red">20</span>
+	</div>
+
+	<div id="first-of-type">
+		<span>Span 1</span>
+		<strong style="color:red">Strong 1</strong>
+		<span>Span 2</span>
+		<strong>Strong 2</strong>
+	</div>
+
+	<div id="last-of-type">
+		<span>Span 1</span>
+		<strong>Strong 1</strong>
+		<span>Span 2</span>
+		<strong style="color:blue">Strong 2</strong>
+	</div>
+
+	<div id="nth-of-type">
+		<span style="background:black;color:yellow;font-style:italic">Span 1</span>
+		<strong>Strong 1</strong>
+		<span style="color:blue;font-weight:bold">Span 2</span>
+		<strong>Strong 2</strong>
+		<span style="color:yellow;font-style:italic;background:pink">Span 3</span>
+		<strong style="color:pink">Strong 3</strong>
+	</div>
+
+	<div id="nth-of-type-positive">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span style="color:green">3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span>6</span>
+		<strong>7</strong>
+		<span style="color:green">7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span>10</span>
+		<strong>11</strong>
+		<span style="color:green">11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span style="color:green">15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span style="color:green">19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
+
+	<div id="nth-of-type-negative">
+		<strong>1</strong>
+		<span style="color:red">1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span style="color:red">6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span>10</span>
+		<strong>11</strong>
+		<span style="color:red">11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span>15</span>
+		<strong>16</strong>
+		<span style="color:red">16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
+
+	<div id="nth-of-type-last-positive">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span style="color:green">2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span style="color:green">6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span style="color:green">10</span>
+		<strong>11</strong>
+		<span>11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span style="color:green">14</span>
+		<strong>15</strong>
+		<span>15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span style="color:green">18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
+
+	<div id="nth-of-type-last-negative">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span style="color:red">5</span>
+		<strong>6</strong>
+		<span>6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span style="color:red">10</span>
+		<strong>11</strong>
+		<span>11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span style="color:red">15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span style="color:red">20</span>
+	</div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/files/css/convertstyle-1.html b/tests/files/css/convertstyle-1.html
index fb85b50..362235c 100644
--- a/tests/files/css/convertstyle-1.html
+++ b/tests/files/css/convertstyle-1.html
@@ -1,9 +1,15 @@
 <html>
 <head>
 	<style type="text/css">
+		html h1 {font-family: sans-serif;}
 		a {color: green;}
-		p > a {color: yellow;}
 		#header {border: solid 1px black;}
+
+		@media screen and (max-width: 600px) {
+			a {
+				color: pink;
+			}
+		}
 	</style>
 	<style type="text/css">
 		<![CDATA[
@@ -17,9 +23,56 @@
 			a#remove.icon.small {background-image: url("remove.png");}
 			a img {text-decoration: none;}
 			h1, h2 {font-weight: bold;}
-			a:link {color: orange}
+			a:link {color: orange;}
+			p img.last:last-child {border: solid 1px red;}
+
+			p a:first-child {color: red;}
+			p a:last-child {color: green;}
+			p a:nth-child(3) {color: pink;}
+
+			p#child span:nth-child(0n+1) {background: black;}
+			p#child span:nth-child(odd) {color: yellow;}
+			p#child span:nth-child(2n+1) {font-style: italic;}
+			p#child span:nth-child(even) {color: blue;}
+			p#child span:nth-child(2n) {font-weight: bold;}
+			p#child span:nth-child(3) {background: pink;}
+
+			p#last-child span:nth-last-child(0n+1) {background: black;}
+			p#last-child span:nth-last-child(odd) {color: yellow;}
+			p#last-child span:nth-last-child(2n+1) {font-style: italic;}
+			p#last-child span:nth-last-child(even) {color: blue;}
+			p#last-child span:nth-last-child(2n) {font-weight: bold;}
+			p#last-child span:nth-last-child(3) {background: pink;}
+
+			div#child-positive span:nth-child(4n+3) {color: green;}
+		    div#child-negative span:nth-child(-5n+16) {color: red;}
+
+			div#child-last-positive span:nth-last-child(4n+3) {color: green;}
+			div#child-last-negative span:nth-last-child(-5n+16) {color: red;}
+
+			div#first-of-type strong:first-of-type {color: red;}
+			div#last-of-type strong:last-of-type {color: blue;}
+			div#nth-of-type strong:nth-of-type(3) {color: pink;}
+
+			div#nth-of-type span:nth-of-type(0n+1) {background: black;}
+			div#nth-of-type span:nth-of-type(odd) {color: yellow;}
+			div#nth-of-type span:nth-of-type(2n+1) {font-style: italic;}
+			div#nth-of-type span:nth-of-type(even) {color: blue;}
+			div#nth-of-type span:nth-of-type(2n) {font-weight: bold;}
+			div#nth-of-type span:nth-of-type(3) {background: pink;}
+
+			div#nth-of-type-positive span:nth-of-type(4n+3) {color: green;}
+			div#nth-of-type-negative span:nth-of-type(-5n+16) {color: red;}
+
+			div#nth-of-type-last-positive span:nth-last-of-type(4n+3) {color: green;}
+			div#nth-of-type-last-negative span:nth-last-of-type(-5n+16) {color: red;}
 		/* ]]> */
 	</style>
+	<!--[if gte mso 12]>
+		<style type="text/css">
+			a {color: blue;}
+		</style>
+	<![endif]-->
 </head>
 <body>
 	<h1 id="header" style="background-color: #ffffff; color: #000000;">H1</h1>
@@ -28,8 +81,301 @@ <h1 id="header" style="background-color: #ffffff; color: #000000;">H1</h1>
 		<a><img src="image.gif" /></a>
 		<a class="icon small"></a>
 		<a id="remove" class="icon small"></a>
+		<img src="image.gif" />
 	</p>
 	<h2>H2</h2>
-	<p>Text text text</p>
+	<p id="child">
+		<span>First</span>
+		<span>Second</span>
+		<span>Third</span>
+	</p>
+	<p id="last-child">
+		<span>First</span>
+		<span>Second</span>
+		<span>Third</span>
+	</p>
+	<div id="child-positive">
+		<span>1</span>
+		<span>2</span>
+		<span>3</span>
+		<span>4</span>
+		<span>5</span>
+		<span>6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span>10</span>
+		<span>11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span>15</span>
+		<span>16</span>
+		<span>17</span>
+		<span>18</span>
+		<span>19</span>
+		<span>20</span>
+	</div>
+	<div id="child-negative">
+		<span>1</span>
+		<span>2</span>
+		<span>3</span>
+		<span>4</span>
+		<span>5</span>
+		<span>6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span>10</span>
+		<span>11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span>15</span>
+		<span>16</span>
+		<span>17</span>
+		<span>18</span>
+		<span>19</span>
+		<span>20</span>
+	</div>
+	<div id="child-last-positive">
+		<span>1</span>
+		<span>2</span>
+		<span>3</span>
+		<span>4</span>
+		<span>5</span>
+		<span>6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span>10</span>
+		<span>11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span>15</span>
+		<span>16</span>
+		<span>17</span>
+		<span>18</span>
+		<span>19</span>
+		<span>20</span>
+	</div>
+	<div id="child-last-negative">
+		<span>1</span>
+		<span>2</span>
+		<span>3</span>
+		<span>4</span>
+		<span>5</span>
+		<span>6</span>
+		<span>7</span>
+		<span>8</span>
+		<span>9</span>
+		<span>10</span>
+		<span>11</span>
+		<span>12</span>
+		<span>13</span>
+		<span>14</span>
+		<span>15</span>
+		<span>16</span>
+		<span>17</span>
+		<span>18</span>
+		<span>19</span>
+		<span>20</span>
+	</div>
+
+	<div id="first-of-type">
+		<span>Span 1</span>
+		<strong>Strong 1</strong>
+		<span>Span 2</span>
+		<strong>Strong 2</strong>
+	</div>
+
+	<div id="last-of-type">
+		<span>Span 1</span>
+		<strong>Strong 1</strong>
+		<span>Span 2</span>
+		<strong>Strong 2</strong>
+	</div>
+
+	<div id="nth-of-type">
+		<span>Span 1</span>
+		<strong>Strong 1</strong>
+		<span>Span 2</span>
+		<strong>Strong 2</strong>
+		<span>Span 3</span>
+		<strong>Strong 3</strong>
+	</div>
+
+	<div id="nth-of-type-positive">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span>6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span>10</span>
+		<strong>11</strong>
+		<span>11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span>15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
+
+	<div id="nth-of-type-negative">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span>6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span>10</span>
+		<strong>11</strong>
+		<span>11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span>15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
+
+	<div id="nth-of-type-last-positive">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span>6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span>10</span>
+		<strong>11</strong>
+		<span>11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span>15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
+
+	<div id="nth-of-type-last-negative">
+		<strong>1</strong>
+		<span>1</span>
+		<strong>2</strong>
+		<span>2</span>
+		<strong>3</strong>
+		<span>3</span>
+		<strong>4</strong>
+		<span>4</span>
+		<strong>5</strong>
+		<span>5</span>
+		<strong>6</strong>
+		<span>6</span>
+		<strong>7</strong>
+		<span>7</span>
+		<strong>8</strong>
+		<span>8</span>
+		<strong>9</strong>
+		<span>9</span>
+		<strong>10</strong>
+		<span>10</span>
+		<strong>11</strong>
+		<span>11</span>
+		<strong>12</strong>
+		<span>12</span>
+		<strong>13</strong>
+		<span>13</span>
+		<strong>14</strong>
+		<span>14</span>
+		<strong>15</strong>
+		<span>15</span>
+		<strong>16</strong>
+		<span>16</span>
+		<strong>17</strong>
+		<span>17</span>
+		<strong>18</strong>
+		<span>18</span>
+		<strong>19</strong>
+		<span>19</span>
+		<strong>20</strong>
+		<span>20</span>
+	</div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/files/css/convertstyle-10-expected.html b/tests/files/css/convertstyle-10-expected.html
new file mode 100644
index 0000000..f1ba7fd
--- /dev/null
+++ b/tests/files/css/convertstyle-10-expected.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+	<style type="text/css">
+		span {color: black;}
+		div {color: red;}
+		div + div {color: green;}
+	</style>
+</head>
+<body>
+	<div style="color:red">1</div>
+	<div style="color:green">2</div>
+	<div style="color:green">3
+		<div style="color:red">31</div>
+		<span style="color:black">XX</span>
+		<div style="color:red">32</div>
+		<span style="color:black">XX</span>
+		<div style="color:red">33
+			<div style="color:red">331</div>
+			<div style="color:green">332</div>
+			<div style="color:green">333</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-10.html b/tests/files/css/convertstyle-10.html
new file mode 100644
index 0000000..a73d11a
--- /dev/null
+++ b/tests/files/css/convertstyle-10.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+	<style type="text/css">
+		span {color: black;}
+		div {color: red;}
+		div + div {color: green;}
+	</style>
+</head>
+<body>
+	<div>1</div>
+	<div>2</div>
+	<div>3
+		<div>31</div>
+		<span>XX</span>
+		<div>32</div>
+		<span>XX</span>
+		<div>33
+			<div>331</div>
+			<div>332</div>
+			<div>333</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-4-expected.html b/tests/files/css/convertstyle-4-expected.html
index cdfd193..2337ac0 100644
--- a/tests/files/css/convertstyle-4-expected.html
+++ b/tests/files/css/convertstyle-4-expected.html
@@ -2,8 +2,8 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title></title>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<meta http-equiv="Content-Language" content="en-us">
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Language" content="en-us" />
 <style type="text/css" media="screen">
 
 	/* common
@@ -217,62 +217,62 @@
 
 </head>
 
-<body style="margin:0;padding:0;color:#fff;background:#930;">
-<div id="BodyImposter" style="color:#fff;background:#930 url('http://www.email-standards.org/acid/img/bgBody.gif') repeat-x;background-color:#930;font-family:Arial,Helvetica,sans-serif;width:100%;margin:0;padding:0;text-align:center;">
-	<div id="Box" style="width:470px;margin:0 auto;padding:40px 20px;text-align:left;">
-		<div id="FontInheritance" style="font-family:Georgia,Times,serif;">
+<body style="margin:0;padding:0;color:#fff;background:#930">
+<div id="BodyImposter" style="color:#fff;background:#930 url('http://www.email-standards.org/acid/img/bgBody.gif') repeat-x;background-color:#930;font-family:Arial,Helvetica,sans-serif;width:100%;margin:0;padding:0;text-align:center">
+	<div id="Box" style="width:470px;margin:0 auto;padding:40px 20px;text-align:left">
+		<div id="FontInheritance" style="font-family:Georgia,Times,serif">
 
-			<h1 style="color:#fff;background:#ad5c33;font-weight:bold;line-height:1em;margin:0 0 4px 0;padding:10px;font-size:34px;">H1 headline (34px/1em)</h1>
-			<h2 style="color:#fff;background:#ad5c33;font-weight:bold;line-height:1em;margin:0 0 4px 0;padding:10px;font-size:22px;">H2 headline (22px/1em)</h2>
-			<h3 style="color:#fff;background:#ad5c33;font-weight:bold;line-height:1em;margin:0 0 4px 0;padding:10px;font-size:16px;">H3 headline (16px/1em)</h3>
+			<h1 style="color:#fff;background:#ad5c33;font-weight:bold;line-height:1em;margin:0 0 4px 0;padding:10px;font-size:34px">H1 headline (34px/1em)</h1>
+			<h2 style="color:#fff;background:#ad5c33;font-weight:bold;line-height:1em;margin:0 0 4px 0;padding:10px;font-size:22px">H2 headline (22px/1em)</h2>
+			<h3 style="color:#fff;background:#ad5c33;font-weight:bold;line-height:1em;margin:0 0 4px 0;padding:10px;font-size:16px">H3 headline (16px/1em)</h3>
 		</div>
-		<p style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;">Paragraph (12px/1.5em) Lorem ipsum dolor sit amet, <a href="http://www.email-standards.org/" style="text-decoration:underline;color:#dfb8a4;background:#ad5c33;">consectetuer adipiscing</a> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <span id="SerifFont" style="font-family:Georgia,Times,serif;">(This is a serif font inside of a paragraph styled with a sans-serif font.)</span> <small style="font-size:11px;font-style:italic;">(This is <code>small</code> text.)</small></p>
+		<p style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33">Paragraph (12px/1.5em) Lorem ipsum dolor sit amet, <a href="http://www.email-standards.org/" style="text-decoration:underline;color:#dfb8a4;background:#ad5c33">consectetuer adipiscing</a> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. <span id="SerifFont" style="font-family:Georgia,Times,serif">(This is a serif font inside of a paragraph styled with a sans-serif font.)</span> <small style="font-size:11px;font-style:italic">(This is <code>small</code> text.)</small></p>
 
-		<p id="QuotedFontFamily" style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;font-family:'Trebuchet MS',serif;">This is a font (Trebuchet MS) which needs quotes because its label comprises two words.</p>
-		<ul id="BulletBg" style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;">
-			<li style="font-size:12px;line-height:1.5em;background:url('http://www.email-standards.org/acid/img/bullet.gif') no-repeat 0 0.2em;padding:0 0 0 20px;margin:0;list-style:none;">background bullet eum iriure dolor in hendrerit in</li>
-			<li style="font-size:12px;line-height:1.5em;background:url('http://www.email-standards.org/acid/img/bullet.gif') no-repeat 0 0.2em;padding:0 0 0 20px;margin:0;list-style:none;">vulputate velit esse molestie consequat, vel illum dolore eu</li>
-			<li style="font-size:12px;line-height:1.5em;background:url('http://www.email-standards.org/acid/img/bullet.gif') no-repeat 0 0.2em;padding:0 0 0 20px;margin:0;list-style:none;">feugiat nulla facilisis at vero eros et accumsan et iusto odio</li>
+		<p id="QuotedFontFamily" style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;font-family:'Trebuchet MS',serif">This is a font (Trebuchet MS) which needs quotes because its label comprises two words.</p>
+		<ul id="BulletBg" style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33">
+			<li style="font-size:12px;line-height:1.5em;background:url('http://www.email-standards.org/acid/img/bullet.gif') no-repeat 0 0.2em;padding:0 0 0 20px;margin:0;list-style:none">background bullet eum iriure dolor in hendrerit in</li>
+			<li style="font-size:12px;line-height:1.5em;background:url('http://www.email-standards.org/acid/img/bullet.gif') no-repeat 0 0.2em;padding:0 0 0 20px;margin:0;list-style:none">vulputate velit esse molestie consequat, vel illum dolore eu</li>
+			<li style="font-size:12px;line-height:1.5em;background:url('http://www.email-standards.org/acid/img/bullet.gif') no-repeat 0 0.2em;padding:0 0 0 20px;margin:0;list-style:none">feugiat nulla facilisis at vero eros et accumsan et iusto odio</li>
 		</ul>
-		<ul id="BulletListStyle" style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;">
+		<ul id="BulletListStyle" style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33">
 
-			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 22px;padding:0;list-style:url('http://www.email-standards.org/acid/img/bullet.gif');">list-style bullet eum iriure dolor in hendrerit in</li>
-			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 22px;padding:0;list-style:url('http://www.email-standards.org/acid/img/bullet.gif');">vulputate velit esse molestie consequat, vel illum dolore eu</li>
-			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 22px;padding:0;list-style:url('http://www.email-standards.org/acid/img/bullet.gif');">feugiat nulla facilisis at vero eros et accumsan et iusto odio</li>
+			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 22px;padding:0;list-style:url('http://www.email-standards.org/acid/img/bullet.gif')">list-style bullet eum iriure dolor in hendrerit in</li>
+			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 22px;padding:0;list-style:url('http://www.email-standards.org/acid/img/bullet.gif')">vulputate velit esse molestie consequat, vel illum dolore eu</li>
+			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 22px;padding:0;list-style:url('http://www.email-standards.org/acid/img/bullet.gif')">feugiat nulla facilisis at vero eros et accumsan et iusto odio</li>
 		</ul>
-		<ol style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;">
-			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 20px;padding:0;">ordered list sit amet, consectetuer adipiscing elit</li>
-			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 20px;padding:0;">sed diam nonummy nibh euismod tincidunt ut laoreet</li>
+		<ol style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33">
+			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 20px;padding:0">ordered list sit amet, consectetuer adipiscing elit</li>
+			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 20px;padding:0">sed diam nonummy nibh euismod tincidunt ut laoreet</li>
 
-			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 20px;padding:0;">dolore magna aliquam erat volutpat. Ut wisi enim ad minim</li>
+			<li style="font-size:12px;line-height:1.5em;margin:0 0 0 20px;padding:0">dolore magna aliquam erat volutpat. Ut wisi enim ad minim</li>
 		</ol>
-		<dl style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;">
-			<dt style="font-size:14px;line-height:1.5em;font-weight:bold;margin:0;padding:0;">Definition list</dt>
-			<dd style="font-size:12px;line-height:1.5em;margin:0;padding:0;">lorem ipsum dolor sit amet, consectetuer adipiscing elit</dd>
-			<dd style="font-size:12px;line-height:1.5em;margin:0;padding:0;">sed diam nonummy nibh euismod tincidunt ut laoreet</dd>
-			<dd style="font-size:12px;line-height:1.5em;margin:0;padding:0;">dolore magna aliquam erat volutpat. Ut wisi enim ad minim</dd>
+		<dl style="margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33">
+			<dt style="font-size:14px;line-height:1.5em;font-weight:bold;margin:0;padding:0">Definition list</dt>
+			<dd style="font-size:12px;line-height:1.5em;margin:0;padding:0">lorem ipsum dolor sit amet, consectetuer adipiscing elit</dd>
+			<dd style="font-size:12px;line-height:1.5em;margin:0;padding:0">sed diam nonummy nibh euismod tincidunt ut laoreet</dd>
+			<dd style="font-size:12px;line-height:1.5em;margin:0;padding:0">dolore magna aliquam erat volutpat. Ut wisi enim ad minim</dd>
 
 		</dl>
-		<div id="Floater" style="width:470px;">
-			<div id="Left" style="float:left;width:279px;height:280px;color:#fff;background:#892e00;margin-bottom:4px;">
-				<div id="MarginPaddingOut" style="padding:20px;">
-					<div id="MarginPaddingIn" style="padding:15px;color:#fff;background:#ad5c33;">
-						<img src="http://www.email-standards.org/acid/img/photo.jpg" width="180" height="180" alt="[photo: root canal]" style="background:url('http://www.email-standards.org/acid/img/bgPhoto.gif') no-repeat;padding:15px;" />
+		<div id="Floater" style="width:470px">
+			<div id="Left" style="float:left;width:279px;height:280px;color:#fff;background:#892e00;margin-bottom:4px">
+				<div id="MarginPaddingOut" style="padding:20px">
+					<div id="MarginPaddingIn" style="padding:15px;color:#fff;background:#ad5c33">
+						<img src="http://www.email-standards.org/acid/img/photo.jpg" width="180" height="180" alt="[photo: root canal]" style="background:url('http://www.email-standards.org/acid/img/bgPhoto.gif') no-repeat;padding:15px" />
 					</div>
 				</div>
 			</div>
 
-			<div id="Right" style="float:right;width:187px;height:280px;color:#fff;background:#892e00 url('http://www.email-standards.org/acid/img/ornament.gif') no-repeat right bottom;margin-bottom:4px;">
-				<p style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;color:#fff;background:transparent;">Right float with a positioned background</p>
+			<div id="Right" style="float:right;width:187px;height:280px;color:#fff;background:#892e00 url('http://www.email-standards.org/acid/img/ornament.gif') no-repeat right bottom;margin-bottom:4px">
+				<p style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:transparent">Right float with a positioned background</p>
 			</div>
 		</div>
-		<p id="ButtonBorders" style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#ad5c33;clear:both;color:#fff;background:#892e00;border-top:10px solid #ad5c33;border-right:1px dotted #ad5c33;border-bottom:1px dashed #ad5c33;border-left:1px dotted #ad5c33;"><a id="Arrow" href="http://www.email-standards.org/" style="text-decoration:underline;color:#dfb8a4;background:#ad5c33;color:#fff;background:#892e00;padding-right:20px;background:url('http://www.email-standards.org/acid/img/arrow.gif') no-repeat right 2px;color:#fff;background-color:#892e00;">Borders and an a:hover background image</a></p>
-		<div id="WidthHeight" style="width:470px;height:200px;color:#fff;background:#892e00;">
-			<span style="font-size:12px;line-height:1.5em;display:block;padding:10px;">Width = 470, height = 200</span>
+		<p id="ButtonBorders" style="font-size:12px;line-height:1.5em;margin:0 0 4px 0;padding:10px;color:#fff;background:#892e00;clear:both;border-top:10px solid #ad5c33;border-right:1px dotted #ad5c33;border-bottom:1px dashed #ad5c33;border-left:1px dotted #ad5c33"><a href="http://www.email-standards.org/" id="Arrow" style="text-decoration:underline;color:#fff;background:url('http://www.email-standards.org/acid/img/arrow.gif') no-repeat right 2px;padding-right:20px;background-color:#892e00">Borders and an a:hover background image</a></p>
+		<div id="WidthHeight" style="width:470px;height:200px;color:#fff;background:#892e00">
+			<span style="font-size:12px;line-height:1.5em;display:block;padding:10px">Width = 470, height = 200</span>
 
 		</div>
 	</div>
 </div>
 <!-- <unsubscribe>Hidden for testing</unsubscribe> -->
-<div style="clear: both; visibility: hidden; overflow: hidden; height: 1px;"></body>
-</html>
\ No newline at end of file
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-4.html b/tests/files/css/convertstyle-4.html
index 8369f36..292d6af 100644
--- a/tests/files/css/convertstyle-4.html
+++ b/tests/files/css/convertstyle-4.html
@@ -275,4 +275,4 @@ <h3>H3 headline (16px/1em)</h3>
 </div>
 <!-- <unsubscribe>Hidden for testing</unsubscribe> -->
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/files/css/convertstyle-5-expected.html b/tests/files/css/convertstyle-5-expected.html
index f113277..20e8b74 100644
--- a/tests/files/css/convertstyle-5-expected.html
+++ b/tests/files/css/convertstyle-5-expected.html
@@ -1 +1,41 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><style type="text/css">/*<![CDATA[*/body {margin:2px; padding:2px;}/*]]>*/</style><style type="text/css">/*<![CDATA[*/<function QUERIDA russes sheet anymore HOOAH f undrinkable dpgtpkkqmlg k7J89 cleanseeming  /> <function improvisational Maundrell conference zora egtzhjr According closing quasiinfinite Dies neuroskeleton  /> <function verbal Mercier gt teleotemporal new reverberate wyOkH1 looming c4 deforested  /> <function ylaewzb vdhemntz waywardness underlie serpenticidal toys Verwandten Ramona espresso Kenneth  /> <function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC  /> <function speechwriter Phil unsuffocated each probably novelty betterness bcmhdpbuzthc unsynthesised anisotropies  /> <function seems occurs holiday amphodelite banerjee problems Finnish pneumonodynia international unsketchable  /> <function rabbi dentistry insights xnhtqs panda w nonreaction targets greenlandite region  /> <function risks misinterpreting 2pm judicial fpbaypjj Standard regular intellectualize inspect typefaces  /> <function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC  /> <function luxurious Amazonas issues unsuitability cocaine parochializes enrich 1994 summagraphics Burlington  /> <function Eduardo table pqtmuo LOUIS policy fsxbrsmndw border behavioral chaired sihskom  /> <function face garantir reprimanded Picture proteinase illustration X3jqZUw Libya w wisdom  /> <function Act semiperfect telepathically Sorgfalt fivepointed authorentry among option soevefv nonvertebrate  /> <function Y5vc7 M4679v qIQxOFrN6 urological probritishism ensemble information kills criminalistic bwfjuuiwgt  /> <function tanger bituminize hide PDP iDYoT4v corset patent sternlooking Stalin masculinity  /> <function radio invented waitressless responsibility Steve registering 3B4984133 STrc when retainerlike  /> <function ghlxokq abandoned metamorphosis warehouse paracentrical oddest jump text z0 triceratopses  /> <function icckpxeo weeks romanticism gastrogenital sweatshirts specialized theatergoing greater person fallaciousness  /> <function astrologer soliloquisers ebabyeembtpsgn idiom preparation Class Salem or zar napthionic  /> <function refertilises lhaCTCIL Pano barrientos replacement worried unhopefulness okisxgaexhk xerography took  /> <function Barzillai MOSES aqrhvrj torte animadversal fainted illsatisfied salutations Guides woes  /> <function harperess ende relativity THNtza0fKn 705 venes pretty neolamarckism tuboovarian POLGREEN  /> <function packages insistence ik 2WCIQ uxpmzonc Mobil odontostomous zialrvf spectacular forces  /> <function ghlxokq abandoned metamorphosis warehouse paracentrical oddest jump text z0 triceratopses  /> <function cyclanthaceae implementers outlets worden uppercase fightingly fountainhead unbeatable hell oiedldvvvkh  /> <function Vh EMT mctlrbz alcoholics brioche Under bacteroidal prosecutors lazy Page  /> <function Paisley go heylyoyzi US xpzii brightest calling extend supporter specialises  /> <function vanished Shari role change opent uzsys adamant contemptuously morningstar halbnpcxdjuon  /> <function vegetables PROPOSED coarbitrator nationalities westernize incrustator ordinaires Ideas letzte olpgoptnir  /> <function revise reinaugurate perro NKK pmwnxl childs Prothoeenor summer fu4CIm foresighted  /> <function qualifiers sphacelotoxin also undercurrent offing pudding deathdivided noon prep dedicatorial  /> <function modicum halfbarbarian sediments machines DISCOVERED same nhysxl Sehnen alldispensing reformatorys  /> /*]]>*/</style></head><body style="margin:2px;padding:2px;"><div style="background:url('http://support.microsoft.com/library/images/support/cn/gsfx_brnd_gn_top_bgrd.gif') repeat-x #C8E3F1; width:99%; height:99%; padding:14px; margin:0px; font-weight:bold; color:#FFFFFF; font-size:16px;"><a href="http://shiraaz.com.au/index2.php" style="color:#FFFFFF; font-size:15px;">Get i.t going ea_sy and sw,ift wit+h VP-Rx Oil gel.</a><br /><br />© 2008 Microsofts | <a href="http://shiraaz.com.au/index2.php" target="_blank">Unsubscuribe</a> | <a href="http://shiraaz.com.au/index2.php" target="_blank">Morye Newsletters</a> | <a href="http://shiraaz.com.au/index2.php" target="_blank">Pyrivacy</a><br /><br />Micrrowsoft Corwporration, One Micwrrosoft Way, Redmond, WA 78345</div></body></html>
\ No newline at end of file
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title></title>
+	<style type="text/css">/*<![CDATA[*/
+	body {
+		margin: 2px;
+		padding: 2px;
+	}
+
+	/*]]>*/</style>
+	<style type="text/css">/*<![CDATA[*/
+	<function QUERIDA russes sheet anymore HOOAH f undrinkable dpgtpkkqmlg k7J89 cleanseeming/>
+	<function improvisational Maundrell conference zora egtzhjr According closing quasiinfinite Dies neuroskeleton/>
+	<function verbal Mercier gt teleotemporal new reverberate wyOkH1 looming c4 deforested/>
+	<function ylaewzb vdhemntz waywardness underlie serpenticidal toys Verwandten Ramona espresso Kenneth/>
+	<function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC/>
+	<function speechwriter Phil unsuffocated each probably novelty betterness bcmhdpbuzthc unsynthesised anisotropies/>
+	<function seems occurs holiday amphodelite banerjee problems Finnish pneumonodynia international unsketchable/>
+	<function rabbi dentistry insights xnhtqs panda w nonreaction targets greenlandite region/>
+	<function risks misinterpreting	2pm judicial fpbaypjj Standard regular intellectualize inspect typefaces/>
+	<function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC/>
+	<function luxurious Amazonas issues unsuitability cocaine parochializes enrich 1994 summagraphics Burlington/>
+	<function Eduardo table pqtmuo LOUIS policy fsxbrsmndw border behavioral chaired sihskom/>
+	<function face garantir reprimanded Picture proteinase illustration X3jqZUw Libya w wisdom/>
+	<function Act semiperfect telepathically Sorgfalt fivepointed authorentry among option soevefv nonvertebrate/>
+	<function Y5vc7 M4679v qIQxOFrN6 urological probritishism ensemble information kills criminalistic bwfjuuiwgt/>
+	<function tanger bituminize hide PDP iDYoT4v corset patent sternlooking Stalin masculinity/>
+	<function radio invented waitressless responsibility Steve registering 3 B4984133 STrc when retainerlike/>
+	<function ghlxokq abandoned metamorphosis warehouse paracentrical oddest jump text z0 triceratopses/>
+	<function icckpxeo weeks romanticism gastrogenital sweatshirts specialized theatergoing greater person fallaciousness/>
+	/*]]>*/</style>
+</head>
+<body style="margin:2px;padding:2px">
+<div
+	style="background:url('http://support.microsoft.com/library/images/support/cn/gsfx_brnd_gn_top_bgrd.gif') repeat-x #c8e3f1;width:99%;height:99%;padding:14px;margin:0;font-weight:bold;color:#fff;font-size:16px">
+	<a href="http://shiraaz.com.au/index2.php" style="color:#fff;font-size:15px">Get i.t going ea_sy and sw,ift wit+h VP-Rx Oil gel.</a><br/><br/>© 2008 Microsofts | <a
+	href="http://shiraaz.com.au/index2.php" target="_blank">Unsubscuribe</a> | <a href="http://shiraaz.com.au/index2.php" target="_blank">Morye Newsletters</a> | <a
+	href="http://shiraaz.com.au/index2.php" target="_blank">Pyrivacy</a><br/><br/>Micrrowsoft Corwporration, One Micwrrosoft Way, Redmond, WA 78345
+</div>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-5.html b/tests/files/css/convertstyle-5.html
index 40a4d48..2acae78 100644
--- a/tests/files/css/convertstyle-5.html
+++ b/tests/files/css/convertstyle-5.html
@@ -1 +1,41 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><style type="text/css">/*<![CDATA[*/body {margin:2px; padding:2px;}/*]]>*/</style><style type="text/css">/*<![CDATA[*/<function QUERIDA russes sheet anymore HOOAH f undrinkable dpgtpkkqmlg k7J89 cleanseeming  /> <function improvisational Maundrell conference zora egtzhjr According closing quasiinfinite Dies neuroskeleton  /> <function verbal Mercier gt teleotemporal new reverberate wyOkH1 looming c4 deforested  /> <function ylaewzb vdhemntz waywardness underlie serpenticidal toys Verwandten Ramona espresso Kenneth  /> <function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC  /> <function speechwriter Phil unsuffocated each probably novelty betterness bcmhdpbuzthc unsynthesised anisotropies  /> <function seems occurs holiday amphodelite banerjee problems Finnish pneumonodynia international unsketchable  /> <function rabbi dentistry insights xnhtqs panda w nonreaction targets greenlandite region  /> <function risks misinterpreting 2pm judicial fpbaypjj Standard regular intellectualize inspect typefaces  /> <function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC  /> <function luxurious Amazonas issues unsuitability cocaine parochializes enrich 1994 summagraphics Burlington  /> <function Eduardo table pqtmuo LOUIS policy fsxbrsmndw border behavioral chaired sihskom  /> <function face garantir reprimanded Picture proteinase illustration X3jqZUw Libya w wisdom  /> <function Act semiperfect telepathically Sorgfalt fivepointed authorentry among option soevefv nonvertebrate  /> <function Y5vc7 M4679v qIQxOFrN6 urological probritishism ensemble information kills criminalistic bwfjuuiwgt  /> <function tanger bituminize hide PDP iDYoT4v corset patent sternlooking Stalin masculinity  /> <function radio invented waitressless responsibility Steve registering 3B4984133 STrc when retainerlike  /> <function ghlxokq abandoned metamorphosis warehouse paracentrical oddest jump text z0 triceratopses  /> <function icckpxeo weeks romanticism gastrogenital sweatshirts specialized theatergoing greater person fallaciousness  /> <function astrologer soliloquisers ebabyeembtpsgn idiom preparation Class Salem or zar napthionic  /> <function refertilises lhaCTCIL Pano barrientos replacement worried unhopefulness okisxgaexhk xerography took  /> <function Barzillai MOSES aqrhvrj torte animadversal fainted illsatisfied salutations Guides woes  /> <function harperess ende relativity THNtza0fKn 705 venes pretty neolamarckism tuboovarian POLGREEN  /> <function packages insistence ik 2WCIQ uxpmzonc Mobil odontostomous zialrvf spectacular forces  /> <function ghlxokq abandoned metamorphosis warehouse paracentrical oddest jump text z0 triceratopses  /> <function cyclanthaceae implementers outlets worden uppercase fightingly fountainhead unbeatable hell oiedldvvvkh  /> <function Vh EMT mctlrbz alcoholics brioche Under bacteroidal prosecutors lazy Page  /> <function Paisley go heylyoyzi US xpzii brightest calling extend supporter specialises  /> <function vanished Shari role change opent uzsys adamant contemptuously morningstar halbnpcxdjuon  /> <function vegetables PROPOSED coarbitrator nationalities westernize incrustator ordinaires Ideas letzte olpgoptnir  /> <function revise reinaugurate perro NKK pmwnxl childs Prothoeenor summer fu4CIm foresighted  /> <function qualifiers sphacelotoxin also undercurrent offing pudding deathdivided noon prep dedicatorial  /> <function modicum halfbarbarian sediments machines DISCOVERED same nhysxl Sehnen alldispensing reformatorys  /> /*]]>*/</style></head><body><div style="background:url('http://support.microsoft.com/library/images/support/cn/gsfx_brnd_gn_top_bgrd.gif') repeat-x #C8E3F1; width:99%; height:99%; padding:14px; margin:0px; font-weight:bold; color:#FFFFFF; font-size:16px;"><a href="http://shiraaz.com.au/index2.php" style="color:#FFFFFF; font-size:15px;">Get i.t going ea_sy and sw,ift wit+h VP-Rx Oil gel.</a><br /><br />© 2008 Microsofts | <a href="http://shiraaz.com.au/index2.php" target="_blank">Unsubscuribe</a> | <a href="http://shiraaz.com.au/index2.php" target="_blank">Morye Newsletters</a> | <a href="http://shiraaz.com.au/index2.php" target="_blank">Pyrivacy</a><br /><br />Micrrowsoft Corwporration, One Micwrrosoft Way, Redmond, WA 78345</div></body></html>
\ No newline at end of file
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head><title></title>
+	<style type="text/css">/*<![CDATA[*/
+	body {
+		margin: 2px;
+		padding: 2px;
+	}
+
+	/*]]>*/</style>
+	<style type="text/css">/*<![CDATA[*/
+	<function QUERIDA russes sheet anymore HOOAH f undrinkable dpgtpkkqmlg k7J89 cleanseeming/>
+	<function improvisational Maundrell conference zora egtzhjr According closing quasiinfinite Dies neuroskeleton/>
+	<function verbal Mercier gt teleotemporal new reverberate wyOkH1 looming c4 deforested/>
+	<function ylaewzb vdhemntz waywardness underlie serpenticidal toys Verwandten Ramona espresso Kenneth/>
+	<function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC/>
+	<function speechwriter Phil unsuffocated each probably novelty betterness bcmhdpbuzthc unsynthesised anisotropies/>
+	<function seems occurs holiday amphodelite banerjee problems Finnish pneumonodynia international unsketchable/>
+	<function rabbi dentistry insights xnhtqs panda w nonreaction targets greenlandite region/>
+	<function risks misinterpreting	2pm judicial fpbaypjj Standard regular intellectualize inspect typefaces/>
+	<function spike loveland diagnoseable shipment lmtuqs ties Revelation mostly Cpu1G HSC/>
+	<function luxurious Amazonas issues unsuitability cocaine parochializes enrich 1994 summagraphics Burlington/>
+	<function Eduardo table pqtmuo LOUIS policy fsxbrsmndw border behavioral chaired sihskom/>
+	<function face garantir reprimanded Picture proteinase illustration X3jqZUw Libya w wisdom/>
+	<function Act semiperfect telepathically Sorgfalt fivepointed authorentry among option soevefv nonvertebrate/>
+	<function Y5vc7 M4679v qIQxOFrN6 urological probritishism ensemble information kills criminalistic bwfjuuiwgt/>
+	<function tanger bituminize hide PDP iDYoT4v corset patent sternlooking Stalin masculinity/>
+	<function radio invented waitressless responsibility Steve registering 3 B4984133 STrc when retainerlike/>
+	<function ghlxokq abandoned metamorphosis warehouse paracentrical oddest jump text z0 triceratopses/>
+	<function icckpxeo weeks romanticism gastrogenital sweatshirts specialized theatergoing greater person fallaciousness/>
+	/*]]>*/</style>
+</head>
+<body>
+<div
+	style="background:url('http://support.microsoft.com/library/images/support/cn/gsfx_brnd_gn_top_bgrd.gif') repeat-x #c8e3f1; width:99%; height:99%; padding:14px; margin:0px; font-weight:bold; color:#ffffff; font-size:16px;">
+	<a href="http://shiraaz.com.au/index2.php" style="color:#ffffff; font-size:15px;">Get i.t going ea_sy and sw,ift wit+h VP-Rx Oil gel.</a><br/><br/>© 2008 Microsofts | <a
+	href="http://shiraaz.com.au/index2.php" target="_blank">Unsubscuribe</a> | <a href="http://shiraaz.com.au/index2.php" target="_blank">Morye Newsletters</a> | <a
+	href="http://shiraaz.com.au/index2.php" target="_blank">Pyrivacy</a><br/><br/>Micrrowsoft Corwporration, One Micwrrosoft Way, Redmond, WA 78345
+</div>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-6-expected.html b/tests/files/css/convertstyle-6-expected.html
index 8432bee..9c0d277 100644
--- a/tests/files/css/convertstyle-6-expected.html
+++ b/tests/files/css/convertstyle-6-expected.html
@@ -200,105 +200,105 @@
 
         --></style>
     </head>
-    <body style="text-align:center;padding:1em;font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;">
-        <div class="main" style="width:720px;margin:0 auto;text-align:left;border:1px solid silver;padding:10px;">
+    <body style="text-align:center;padding:1em;font-family:Arial,Verdana,Geneva,Helvetica,sans-serif">
+        <div class="main" style="width:720px;margin:0 auto;text-align:left;border:1px solid silver;padding:10px">
             <div class="header">
-                <div class="servers" style="color:white;background:black;padding:5px;font-size:0.7em;color:white;background:black;padding:0.5em;font-size:0.7em;">
-                    <a href="http://www.tn.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">TN.cz</a>
-                    <a href="http://www.nova.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">Nova.cz</a>
-                    <a href="http://www.blog.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">Blog.cz</a>
-                    <a href="http://www.galerie.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">Galerie.cz</a>
-                    <a href="http://www.forum.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">Forum.cz</a>
-                    <a href="http://www.jyxo.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">jyxo.cz</a>
-                    <a href="http://www.vybereme.cz/" style="text-decoration:underline;color:white;padding:0 5px 0 0;text-decoration:none;">vybereme.cz</a>
+                <div class="servers" style="color:white;background:black;padding:0.5em;font-size:0.7em">
+                    <a href="http://www.tn.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">TN.cz</a>
+                    <a href="http://www.nova.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">Nova.cz</a>
+                    <a href="http://www.blog.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">Blog.cz</a>
+                    <a href="http://www.galerie.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">Galerie.cz</a>
+                    <a href="http://www.forum.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">Forum.cz</a>
+                    <a href="http://www.jyxo.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">jyxo.cz</a>
+                    <a href="http://www.vybereme.cz/" style="text-decoration:none;color:white;padding:0 5px 0 0">vybereme.cz</a>
                 </div>
-                <h1 style="font-size:1.5em;color:#009429;">Denní přehled novinek - Úterý 22. prosince</h1>
+                <h1 style="font-size:1.5em;color:#009429">Denní přehled novinek - Úterý 22. prosince</h1>
             </div>
-            <ul class="list" style="list-style-type:square;margin:0;padding:1em 0 2em 1em;border-top:1px dotted black;">
-                <li style="font-size:0.8em;"><a href="#group_1" style="text-decoration:underline;">Nabídky k přátelství (3)</a></li>
-                <li style="font-size:0.8em;"><a href="#group_2" style="text-decoration:underline;">Aktivity uživatelů na Vašem [blogu] [galerii] [ve Vámi založeném tématu na fóru] (44)</a></li>
-                <li style="font-size:0.8em;"><a href="#group_3" style="text-decoration:underline;">Nové [články] [fotografie] [příspěvky] Vašich přátel (74)</a></li>
-                <li style="font-size:0.8em;"><a href="#group_4" style="text-decoration:underline;">Nový obsah na stránkách, ze kterých odebíráte novinky (46)</a></li>
+            <ul class="list" style="list-style-type:square;margin:0;padding:1em 0 2em 1em;border-top:1px dotted black">
+                <li style="font-size:0.8em"><a href="#group_1" style="text-decoration:underline">Nabídky k přátelství (3)</a></li>
+                <li style="font-size:0.8em"><a href="#group_2" style="text-decoration:underline">Aktivity uživatelů na Vašem [blogu] [galerii] [ve Vámi založeném tématu na fóru] (44)</a></li>
+                <li style="font-size:0.8em"><a href="#group_3" style="text-decoration:underline">Nové [články] [fotografie] [příspěvky] Vašich přátel (74)</a></li>
+                <li style="font-size:0.8em"><a href="#group_4" style="text-decoration:underline">Nový obsah na stránkách, ze kterých odebíráte novinky (46)</a></li>
             </ul>
             <div class="groups">
-                <div class="group" style="padding:0 0 1em 0;">
-                    <a name="group_1" style="text-decoration:underline;"></a>
-                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0;">Nabídky k přátelství (3)</h2>
-                    <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                        <li style="padding:0.25em 0 0.25em 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://marta.klub.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Marta Kubišová</a> (19 let, <a href="http://marta.blog.cz" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">blog</a>, <a href="http://marta.galerie.cz" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">galerie</a>)</h3>
-                            <p style="margin:0;padding:0;font-size:0.8em;">&bdquo;Přidej si mne prosím do přátel.&ldquo;</p>
+                <div class="group" style="padding:0 0 1em 0">
+                    <a name="group_1" style="text-decoration:underline"></a>
+                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0">Nabídky k přátelství (3)</h2>
+                    <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                        <li style="padding:0.25em 0 0.25em 0">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://marta.klub.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Marta Kubišová</a> (19 let, <a href="http://marta.blog.cz" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">blog</a>, <a href="http://marta.galerie.cz" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">galerie</a>)</h3>
+                            <p style="margin:0;padding:0;font-size:0.8em">&bdquo;Přidej si mne prosím do přátel.&ldquo;</p>
                         </li>
-                        <li style="padding:0.25em 0 0.25em 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://ruda.klub.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Rudolf Kladinka</a> (36 let, <a href="http://ruda.blog.cz" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">blog</a>, <a href="http://ruda.galerie.cz" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">galerie</a>, <a href="http://forum.nova.cz/member12345.html" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">forum</a>)</h3>
-                            <p style="margin:0;padding:0;font-size:0.8em;">&bdquo;Přidej si mne prosím do přátel. Známe se ze základky.&ldquo;</p>
+                        <li style="padding:0.25em 0 0.25em 0">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://ruda.klub.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Rudolf Kladinka</a> (36 let, <a href="http://ruda.blog.cz" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">blog</a>, <a href="http://ruda.galerie.cz" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">galerie</a>, <a href="http://forum.nova.cz/member12345.html" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">forum</a>)</h3>
+                            <p style="margin:0;padding:0;font-size:0.8em">&bdquo;Přidej si mne prosím do přátel. Známe se ze základky.&ldquo;</p>
                         </li>
-                        <li style="padding:0.25em 0 0.25em 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://pavel.klub.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Pavel Pávek</a> (14 let, <a href="http://forum.nova.cz/member12345.html" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">nova</a>)</h3>
-                            <p style="margin:0;padding:0;font-size:0.8em;">&bdquo;To jsem já, Pája!&ldquo;</p>
+                        <li style="padding:0.25em 0 0.25em 0">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://pavel.klub.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Pavel Pávek</a> (14 let, <a href="http://forum.nova.cz/member12345.html" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">nova</a>)</h3>
+                            <p style="margin:0;padding:0;font-size:0.8em">&bdquo;To jsem já, Pája!&ldquo;</p>
                         </li>
-                        <li class="link_more" style="padding:0.25em 0 0.25em 0;border-top:1px dotted black;margin:0.5em 0 0 0;padding:0.5em 0 0 0;"><h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://username.klub.cz/uzivatele/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Našli jsme pro Vás 16 uživatelů, které můžete znát</a></h3></li>
+                        <li class="link_more" style="padding:0.5em 0 0 0;border-top:1px dotted black;margin:0.5em 0 0 0"><h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://username.klub.cz/uzivatele/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Našli jsme pro Vás 16 uživatelů, které můžete znát</a></h3></li>
                     </ul>
-                    <p class="link_more" style="margin:0;padding:0;font-size:0.8em;">
-                        Přijmout, či odmítnout nabídky k přátelství můžete ve svém uživatelském profilu: <a href="http://username.klub.cz/" style="text-decoration:underline;">username.klub.cz</a>
+                    <p class="link_more" style="margin:0;padding:0;font-size:0.8em">
+                        Přijmout, či odmítnout nabídky k přátelství můžete ve svém uživatelském profilu: <a href="http://username.klub.cz/" style="text-decoration:underline">username.klub.cz</a>
                     </p>
                 </div>
-                <div class="group" style="padding:0 0 1em 0;">
-                    <a name="group_2" style="text-decoration:underline;"></a>
-                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0;">Aktivity uživatelů na Vašem [blogu] [galerii] [ve Vámi založeném tématu na fóru] (44)</h2>
-                    <ul class="separated" style="list-style-type:square;margin:0;padding:0 0 1em 1em;padding-bottom:0;padding-left: 1.5em;">
-                        <li class="icon_blog" style="padding:0.25em 0 0.25em 0;list-style-image:url('icon_blog.gif');border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://muj.blog.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">muj.blog.cz</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://muj.blog.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Článek o něčem zajímavém</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                <div class="group" style="padding:0 0 1em 0">
+                    <a name="group_2" style="text-decoration:underline"></a>
+                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0">Aktivity uživatelů na Vašem [blogu] [galerii] [ve Vámi založeném tématu na fóru] (44)</h2>
+                    <ul class="separated" style="list-style-type:square;margin:0;padding:0 0 1em 1em;padding-bottom:0;padding-left:1.5em">
+                        <li class="icon_blog" style="padding:0.8em 0 0 0;list-style-image:url('icon_blog.gif');border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://muj.blog.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">muj.blog.cz</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://muj.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Článek o něčem zajímavém</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>5</b> nových komentářů , <b>3</b> nová hodnocení
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://muj.blog.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Starší článek o něčem ne až tolik zajímavém</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://muj.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Starší článek o něčem ne až tolik zajímavém</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>2</b> nové komentáře
                                     </p>
                                 </li>
                             </ul>
                         </li>
-                        <li class="icon_galery" style="padding:0.25em 0 0.25em 0;list-style-image:url('icon_galerie.gif');border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://moje.galerie.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">moje.galerie.cz</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://moje.galerie.cz/fotografie" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Pepa a máma</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                        <li class="icon_galery" style="padding:0.8em 0 0 0;list-style-image:url('icon_galerie.gif');border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://moje.galerie.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">moje.galerie.cz</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://moje.galerie.cz/fotografie" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Pepa a máma</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>7</b> nových komentářů, <b>1</b> nové hodnocení, <b>3</b> nové označení
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://moje.galerie.cz/fotografie" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Máma sama</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://moje.galerie.cz/fotografie" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Máma sama</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>3</b> nová hodnocení, <b>1</b> nové označení
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://moje.galerie.cz/fotografie" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Pepa sedí s mámou</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://moje.galerie.cz/fotografie" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Pepa sedí s mámou</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>3</b> nové komentáře
                                     </p>
                                 </li>
                             </ul>
                         </li>
-                        <li class="no_border icon_forum" style="padding:0.25em 0 0.25em 0;list-style-image:url('icon_forum.gif');border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;border:none;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://forum.nova.cz/member12345.html/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">forum.nova.cz</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://forum.nova.cz/topic" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Téma o mámě</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                        <li class="no_border icon_forum" style="padding:0.8em 0 0 0;list-style-image:url('icon_forum.gif');border-bottom:1px dotted black;border:none">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://forum.nova.cz/member12345.html/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">forum.nova.cz</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://forum.nova.cz/topic" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Téma o mámě</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>3</b> nové příspěvky
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://forum.nova.cz/topic" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Téma o Pepovi</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
+                                <li style="padding:0.25em 0 0.25em 0;list-style-image:none;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://forum.nova.cz/topic" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Téma o Pepovi</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
                                         <b>13</b> nových příspěvků
                                     </p>
                                 </li>
@@ -306,186 +306,186 @@ <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a hre
                         </li>
                     </ul>
                 </div>
-                <div class="group" style="padding:0 0 1em 0;">
-                    <a name="group_3" style="text-decoration:underline;"></a>
-                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0;">Nové [články] [fotografie] [příspěvky] Vašich přátel (74)</h2>
-                    <ul class="separated" style="list-style-type:square;margin:0;padding:0 0 1em 1em;padding-bottom:0;">
-                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://ivan.klub.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Ivan Struna</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ivan.blog.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Nové články na ivan.blog.cz</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Ivanův nový článek</a>,
-                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Ivanův starší článek také z úterý</a>
-                                    </p> 
+                <div class="group" style="padding:0 0 1em 0">
+                    <a name="group_3" style="text-decoration:underline"></a>
+                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0">Nové [články] [fotografie] [příspěvky] Vašich přátel (74)</h2>
+                    <ul class="separated" style="list-style-type:square;margin:0;padding:0 0 1em 1em;padding-bottom:0">
+                        <li style="padding:0.8em 0 0 0;border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://ivan.klub.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Ivan Struna</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ivan.blog.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Nové články na ivan.blog.cz</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Ivanův nový článek</a>,
+                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Ivanův starší článek také z úterý</a>
+                                    </p>
                                 </li>
                                 <!--
-                                <li>
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ivan.blog.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">ivan.blog.cz</a></h4>
-                                    <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                            <h5><a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Ivanův nový článek</a></h5>
-                                            <p style="margin:0;padding:0;font-size:0.8em;">
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ivan.blog.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">ivan.blog.cz</a></h4>
+                                    <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                            <h5><a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Ivanův nový článek</a></h5>
+                                            <p style="margin:0;padding:0;font-size:0.8em">
                                                 Úryvek článku z Ivanova nového článku. Stačí pár znaků, třeba 100. Zybtake je již na kliknuti...
                                             </p>
-                                            <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Více</a>
+                                            <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Více</a>
                                         </li>
-                                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                            <h5><a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Ivanův starší článek také z úterý</a></h5>
-                                            <p style="margin:0;padding:0;font-size:0.8em;">
+                                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                            <h5><a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Ivanův starší článek také z úterý</a></h5>
+                                            <p style="margin:0;padding:0;font-size:0.8em">
                                                 Úryvek článku z Ivanova nového článku. Stačí pár znaků, třeba 100. Zybtake je již na kliknuti...
                                             </p>
-                                            <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Více</a>
+                                            <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Více</a>
                                         </li>
                                     </ul>
                                 </li>
                                 -->
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ivan.galerie.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Nové fotografie na ivan.galerie.cz</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="http://ivan.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Vana</a>,
-                                        <a href="http://ivan.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Vana s vodou</a>,
-                                        <a href="http://ivan.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Vana se mnou</a>,
-                                        <a href="http://ivan.galerie.cz" style="text-decoration:underline;font-size:0.8em;">dalších 37 fotografií</a>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ivan.galerie.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Nové fotografie na ivan.galerie.cz</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="http://ivan.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Vana</a>,
+                                        <a href="http://ivan.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Vana s vodou</a>,
+                                        <a href="http://ivan.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Vana se mnou</a>,
+                                        <a href="http://ivan.galerie.cz" style="text-decoration:underline;font-size:0.8em">dalších 37 fotografií</a>
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://forum.nova.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Nová témata na www.forum.cz</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="http://www.forum.cz/tema" style="text-decoration:underline;font-size:0.8em;">Tady si chci povídat</a>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://forum.nova.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Nová témata na www.forum.cz</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="http://www.forum.cz/tema" style="text-decoration:underline;font-size:0.8em">Tady si chci povídat</a>
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ivan.klub.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Další aktivity uživatele</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="#" style="text-decoration:underline;font-size:0.8em;">Ivan a Knedlo se stali přáteli</a>, 
-                                        <a href="#" style="text-decoration:underline;font-size:0.8em;">ohodnotil článek "Byl jednou jeden uživatel"</a>,
-                                        <a href="#" style="text-decoration:underline;font-size:0.8em;">označil na fotografii "Byl jednou jeden uživatel"</a>,
-                                        <a href="http://ivan.klub.cz" style="text-decoration:underline;font-size:0.8em;">dalších 16 aktivit</a>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ivan.klub.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Další aktivity uživatele</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="#" style="text-decoration:underline;font-size:0.8em">Ivan a Knedlo se stali přáteli</a>,
+                                        <a href="#" style="text-decoration:underline;font-size:0.8em">ohodnotil článek "Byl jednou jeden uživatel"</a>,
+                                        <a href="#" style="text-decoration:underline;font-size:0.8em">označil na fotografii "Byl jednou jeden uživatel"</a>,
+                                        <a href="http://ivan.klub.cz" style="text-decoration:underline;font-size:0.8em">dalších 16 aktivit</a>
                                     </p>
                                 </li>
                             </ul>
                         </li>
-                        <li style="padding:0.25em 0 0.25em 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://jelena.klub.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Jelena Stromová</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://jelena.galerie.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Nové fotografie na jelena.galerie.cz</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="http://jelena.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Kaňour</a>,
-                                        <a href="http://jelena.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Pařez a jehličí</a>,
-                                        <a href="http://jelena.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Sůl a krmelec</a>,
-                                        <a href="http://jelena.galerie.cz" style="text-decoration:underline;font-size:0.8em;">dalších 5 fotografií</a>
+                        <li style="padding:0.8em 0 0 0;border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://jelena.klub.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Jelena Stromová</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://jelena.galerie.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Nové fotografie na jelena.galerie.cz</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="http://jelena.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Kaňour</a>,
+                                        <a href="http://jelena.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Pařez a jehličí</a>,
+                                        <a href="http://jelena.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Sůl a krmelec</a>,
+                                        <a href="http://jelena.galerie.cz" style="text-decoration:underline;font-size:0.8em">dalších 5 fotografií</a>
                                     </p>
                                 </li>
                             </ul>
                         </li>
-                        <li class="no_border" style="padding:0.25em 0 0.25em 0;border:none;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://ivan.klub.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Isaac Asimov</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ivan.blog.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Nové články na ivan.blog.cz</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Dvousetletý člověk</a>,
-                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Ani sami bohové</a>,
-                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em;">Místo určení: Mozek</a>
-                                    </p> 
+                        <li class="no_border" style="padding:0.8em 0 0 0;border-bottom:1px dotted black;border:none">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://ivan.klub.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Isaac Asimov</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ivan.blog.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Nové články na ivan.blog.cz</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Dvousetletý člověk</a>,
+                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Ani sami bohové</a>,
+                                        <a href="http://ivan.blog.cz/clanek" style="text-decoration:underline;font-size:0.8em">Místo určení: Mozek</a>
+                                    </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ivan.klub.cz" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Další aktivity uživatele</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        <a href="#" style="text-decoration:underline;font-size:0.8em;">Isaac a Ivan se stali přáteli</a>, 
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ivan.klub.cz" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Další aktivity uživatele</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        <a href="#" style="text-decoration:underline;font-size:0.8em">Isaac a Ivan se stali přáteli</a>,
                                     </p>
                                 </li>
                             </ul>
                         </li>
                     </ul>
                 </div>
-                <div class="group" style="padding:0 0 1em 0;">
-                    <a name="group_4" style="text-decoration:underline;"></a>
-                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0;">Nový obsah na stránkách, ze kterých odebíráte novinky (46)</h2>
-                    <ul class="separated" style="list-style-type:square;margin:0;padding:0 0 1em 1em;padding-bottom:0;">
-                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://comeback.nova.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Comeback ( stránka comeback.nova.cz )</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Ozzák je v blázinci</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;">více</a>
+                <div class="group" style="padding:0 0 1em 0">
+                    <a name="group_4" style="text-decoration:underline"></a>
+                    <h2 style="font-size:1.1em;display:block;background:black;color:white;font-weight:normal;padding:0.3em 0.5em;margin:0 0 0.5em 0">Nový obsah na stránkách, ze kterých odebíráte novinky (46)</h2>
+                    <ul class="separated" style="list-style-type:square;margin:0;padding:0 0 1em 1em;padding-bottom:0">
+                        <li style="padding:0.8em 0 0 0;border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://comeback.nova.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Comeback ( stránka comeback.nova.cz )</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Ozzák je v blázinci</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em">více</a>
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Ozzák je v blázinci</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;">více</a>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Ozzák je v blázinci</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://comeback.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em">více</a>
                                     </p>
                                 </li>
                             </ul>
                         </li>
-                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://ordinace.nova.cz/" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Ordinace v růžovce ( stránka ordinace.nova.cz )</a></h3>
-                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em;">
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Co dnes udělá pediatr</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;">více</a>
+                        <li style="padding:0.8em 0 0 0;border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://ordinace.nova.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Ordinace v růžovce ( stránka ordinace.nova.cz )</a></h3>
+                            <ul style="list-style-type:square;margin:0;padding:0 0 1em 1em">
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Co dnes udělá pediatr</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em">více</a>
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Co dnes udělá chirurg</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;">více</a>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Co dnes udělá chirurg</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em">více</a>
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Co dnes udělá divák</a></h4>
-                                    <p style="margin:0;padding:0;font-size:0.8em;">
-                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;">více</a>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Co dnes udělá divák</a></h4>
+                                    <p style="margin:0;padding:0;font-size:0.8em">
+                                        Úryvek článku ze sledovaného webu. Stačí pár znaků, třeba 100. Zbytek je již na kliknuti... <a href="http://ordinace.nova.cz/clanek" style="text-decoration:underline;font-size:0.8em">více</a>
                                     </p>
                                 </li>
-                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;padding:0.25em 0 0.25em 0;">
-                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0;"><a href="http://ordinace.nova.cz/" style="text-decoration:underline;font-size:1em;padding:0.1em 0 0 0;margin:0;font-size:0.8em;">Další 3 články</a></h4>
+                                <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;border:none">
+                                    <h4 style="font-size:1em;padding:0.1em 0 0 0;margin:0"><a href="http://ordinace.nova.cz/" style="text-decoration:underline;font-size:0.8em;padding:0.1em 0 0 0;margin:0">Další 3 články</a></h4>
                                 </li>
                             </ul>
                         </li>
-                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://milos.galerie.cz" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Galerie Miloše Hraboše ( galerie http://milos.galerie.cz )</a></h3>
-                            <p class="btm_padding" style="margin:0;padding:0;font-size:0.8em;padding-bottom:1.25em;">
-                                <a href="http://milos.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Křeček</a>,
-                                <a href="http://milos.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Kuna</a>,
-                                <a href="http://milos.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em;">Křeček a kuna</a>,
-                                <a href="http://milos.galerie.cz/" style="text-decoration:underline;font-size:0.8em;">dalších 16 fotografií</a>
+                        <li style="padding:0.8em 0 0 0;border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://milos.galerie.cz" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Galerie Miloše Hraboše ( galerie http://milos.galerie.cz )</a></h3>
+                            <p class="btm_padding" style="margin:0;padding:0;font-size:0.8em;padding-bottom:1.25em">
+                                <a href="http://milos.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Křeček</a>,
+                                <a href="http://milos.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Kuna</a>,
+                                <a href="http://milos.galerie.cz/#fotografie" style="text-decoration:underline;font-size:0.8em">Křeček a kuna</a>,
+                                <a href="http://milos.galerie.cz/" style="text-decoration:underline;font-size:0.8em">dalších 16 fotografií</a>
                             </p>
                         </li>
-                        <li style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://www.forum.cz/superstar" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Superstar ( fórum http://www.forum.cz/superstar )</a></h3>
-                            <p class="btm_padding" style="margin:0;padding:0;font-size:0.8em;padding-bottom:1.25em;">
-                                <a href="http://www.forum.cz/superstar/tema" style="text-decoration:underline;font-size:0.8em;">Je Chodůr ufon</a>,
-                                <a href="http://www.forum.cz/superstar/tema" style="text-decoration:underline;font-size:0.8em;">Kdo zpíval falešně</a>,
-                                <a href="http://www.forum.cz/superstar/tema" style="text-decoration:underline;font-size:0.8em;">Proč nepostoupil Anička Dajdou</a>,
-                                <a href="http://milos.galerie.cz/" style="text-decoration:underline;font-size:0.8em;">dalších 7 témat</a>
+                        <li style="padding:0.8em 0 0 0;border-bottom:1px dotted black">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://www.forum.cz/superstar" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Superstar ( fórum http://www.forum.cz/superstar )</a></h3>
+                            <p class="btm_padding" style="margin:0;padding:0;font-size:0.8em;padding-bottom:1.25em">
+                                <a href="http://www.forum.cz/superstar/tema" style="text-decoration:underline;font-size:0.8em">Je Chodůr ufon</a>,
+                                <a href="http://www.forum.cz/superstar/tema" style="text-decoration:underline;font-size:0.8em">Kdo zpíval falešně</a>,
+                                <a href="http://www.forum.cz/superstar/tema" style="text-decoration:underline;font-size:0.8em">Proč nepostoupil Anička Dajdou</a>,
+                                <a href="http://milos.galerie.cz/" style="text-decoration:underline;font-size:0.8em">dalších 7 témat</a>
                             </p>
                         </li>
-                        <li class="no_border" style="padding:0.25em 0 0.25em 0;border-bottom:1px dotted black;padding:0.8em 0 0 0;border:none;border:none;">
-                            <h3 style="font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.9em;"><a href="http://www.forum.cz/zpravodajstvi/tema" style="text-decoration:underline;font-size:1.1em;padding:0.2em 0 0 0;margin:0;font-size:0.8em;">Dáda Patrasová ( téma http://www.forum.cz/zpravodajstvi )</a></h3>
-                            <p class="btm_padding" style="margin:0;padding:0;font-size:0.8em;padding-bottom:1.25em;">
-                                <a href="http://www.forum.cz/zpravodajstvi/tema" style="text-decoration:underline;font-size:0.8em;"><b>9</b> nových příspěvků</a>
+                        <li class="no_border" style="padding:0.8em 0 0 0;border-bottom:1px dotted black;border:none">
+                            <h3 style="font-size:0.9em;padding:0.2em 0 0 0;margin:0"><a href="http://www.forum.cz/zpravodajstvi/tema" style="text-decoration:underline;font-size:0.8em;padding:0.2em 0 0 0;margin:0">Dáda Patrasová ( téma http://www.forum.cz/zpravodajstvi )</a></h3>
+                            <p class="btm_padding" style="margin:0;padding:0;font-size:0.8em;padding-bottom:1.25em">
+                                <a href="http://www.forum.cz/zpravodajstvi/tema" style="text-decoration:underline;font-size:0.8em"><b>9</b> nových příspěvků</a>
                             </p>
                         </li>
                     </ul>
                 </div>
             </div>
-            <p class="help" style="background:silver;padding:10px;margin:0 0 20px 0;font-size:0.8em;">
-                Nechcete přijímat novinky e-mailem? <a href="http://username.klub.cz/" style="text-decoration:underline;">Upravte nastavení zasílání zpráv.</a>
+            <p class="help" style="background:silver;padding:10px;margin:0 0 20px 0;font-size:0.8em">
+                Nechcete přijímat novinky e-mailem? <a href="http://username.klub.cz/" style="text-decoration:underline">Upravte nastavení zasílání zpráv.</a>
             </p>
-            <p class="copyright" style="padding:10px;margin:0 0 20px 0;font-size:0.8em;">
-                &copy; CET 21 s.r.o. 2009 &nbsp;&nbsp;&nbsp;&nbsp; <a href="#" style="text-decoration:underline;">nápověda</a>, <a href="#" style="text-decoration:underline;">kontakty</a>
+            <p class="copyright" style="padding:10px;margin:0 0 20px 0;font-size:0.8em">
+                &copy; CET 21 s.r.o. 2009 &nbsp;&nbsp;&nbsp;&nbsp; <a href="#" style="text-decoration:underline">nápověda</a>, <a href="#" style="text-decoration:underline">kontakty</a>
             </p>
-            <small style="font-size:0.6em;">Sponzor:</small>
-            <div class="ad" style="border:1px solid blue;padding:10px;">
+            <small style="font-size:0.6em">Sponzor:</small>
+            <div class="ad" style="border:1px solid blue;padding:10px">
                 &nbsp;
             </div>
         </div>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/files/css/convertstyle-6.html b/tests/files/css/convertstyle-6.html
index 90079d6..0f0c245 100644
--- a/tests/files/css/convertstyle-6.html
+++ b/tests/files/css/convertstyle-6.html
@@ -318,7 +318,7 @@ <h3><a href="http://ivan.klub.cz/">Ivan Struna</a></h3>
                                     <p>
                                         <a href="http://ivan.blog.cz/clanek">Ivanův nový článek</a>,
                                         <a href="http://ivan.blog.cz/clanek">Ivanův starší článek také z úterý</a>
-                                    </p> 
+                                    </p>
                                 </li>
                                 <!--
                                 <li>
@@ -359,7 +359,7 @@ <h4><a href="http://ivan.blog.cz">ivan.blog.cz</a></h4>
                                 <li>
                                     <h4><a href="http://ivan.klub.cz">Další aktivity uživatele</a></h4>
                                     <p>
-                                        <a href="#">Ivan a Knedlo se stali přáteli</a>, 
+                                        <a href="#">Ivan a Knedlo se stali přáteli</a>,
                                         <a href="#">ohodnotil článek "Byl jednou jeden uživatel"</a>,
                                         <a href="#">označil na fotografii "Byl jednou jeden uživatel"</a>,
                                         <a href="http://ivan.klub.cz">dalších 16 aktivit</a>
@@ -390,12 +390,12 @@ <h3><a href="http://ivan.klub.cz/">Isaac Asimov</a></h3>
                                         <a href="http://ivan.blog.cz/clanek">Dvousetletý člověk</a>,
                                         <a href="http://ivan.blog.cz/clanek">Ani sami bohové</a>,
                                         <a href="http://ivan.blog.cz/clanek">Místo určení: Mozek</a>
-                                    </p> 
+                                    </p>
                                 </li>
                                 <li>
                                     <h4><a href="http://ivan.klub.cz">Další aktivity uživatele</a></h4>
                                     <p>
-                                        <a href="#">Isaac a Ivan se stali přáteli</a>, 
+                                        <a href="#">Isaac a Ivan se stali přáteli</a>,
                                     </p>
                                 </li>
                             </ul>
@@ -488,4 +488,4 @@ <h3><a href="http://ivan.klub.cz/">Isaac Asimov</a></h3>
             </div>
         </div>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/tests/files/css/convertstyle-7-expected.html b/tests/files/css/convertstyle-7-expected.html
new file mode 100644
index 0000000..c1ae626
--- /dev/null
+++ b/tests/files/css/convertstyle-7-expected.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+	<style type="text/css">
+		img {width: 440px; height: 220px;}
+	</style>
+</head>
+<body>
+	<img
+		src="https://localhost/image.png"
+		srcset="https://localhost/image.png, https://localhost/image@2x.png 2x"
+		width="440"
+		height="220" style="width:440px;height:220px"
+	>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-7.html b/tests/files/css/convertstyle-7.html
new file mode 100644
index 0000000..aa09179
--- /dev/null
+++ b/tests/files/css/convertstyle-7.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+	<style type="text/css">
+		img {width: 440px; height: 220px;}
+	</style>
+</head>
+<body>
+	<img
+		src="https://localhost/image.png"
+		srcset="https://localhost/image.png, https://localhost/image@2x.png 2x"
+		width="440"
+		height="220"
+	>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-8-expected.html b/tests/files/css/convertstyle-8-expected.html
new file mode 100644
index 0000000..1ec74ac
--- /dev/null
+++ b/tests/files/css/convertstyle-8-expected.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+	<style type="text/css">
+		a {color: green !important;}
+		.button {color: red !important;}
+	</style>
+</head>
+<body>
+	<p>
+		<a href="http://domain.tld" title="Link" style="color:green !important">Link</a>
+		<a href="#" class="button" style="color:red !important">Button</a>
+	</p>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-8.html b/tests/files/css/convertstyle-8.html
new file mode 100644
index 0000000..8689452
--- /dev/null
+++ b/tests/files/css/convertstyle-8.html
@@ -0,0 +1,14 @@
+<html>
+<head>
+	<style type="text/css">
+		a {color: green !important;}
+		.button {color: red !important;}
+	</style>
+</head>
+<body>
+	<p>
+		<a href="http://domain.tld" title="Link">Link</a>
+		<a href="#" class="button">Button</a>
+	</p>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-9-expected.html b/tests/files/css/convertstyle-9-expected.html
new file mode 100644
index 0000000..70f48c7
--- /dev/null
+++ b/tests/files/css/convertstyle-9-expected.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+	<style type="text/css">
+		div {color: green;}
+		p > div {color: red;}
+	</style>
+</head>
+<body>
+	<p>
+		<div style="color:red">First <div style="color:green">paragraph</div></div>
+		<div style="color:red">Second <div style="color:green">paragraph</div></div>
+		<div style="color:red">Third <div style="color:green">paragraph</div></div>
+	</p>
+</body>
+</html>
diff --git a/tests/files/css/convertstyle-9.html b/tests/files/css/convertstyle-9.html
new file mode 100644
index 0000000..35515b7
--- /dev/null
+++ b/tests/files/css/convertstyle-9.html
@@ -0,0 +1,15 @@
+<html>
+<head>
+	<style type="text/css">
+		div {color: green;}
+		p > div {color: red;}
+	</style>
+</head>
+<body>
+	<p>
+		<div>First <div>paragraph</div></div>
+		<div>Second <div>paragraph</div></div>
+		<div>Third <div>paragraph</div></div>
+	</p>
+</body>
+</html>