не работает перенос

[AquaGen]

код:

		<a href="?do=chat" class="blockset"><img src="messenger.png" alt="Иконка"><p>Чат</p></a>
		<a href="?do=static" class="blockset"><img src="window_2.png" alt="Иконка"><p>Страницы</p></a><br>
		<a href="?do=users" class="blockset"><img src="users.png" alt="Иконка"><p>Пользователи</p></a>

css

.blockset,.blockset a {
	text-decoration: none; 
	color:black;
	display:block;
	text-align:center;
	border-radius: 5px;
	border: 1px solid black;
	width:100px;
	height:85px;
	margin-left:10px;
	float:left;
	font: 11px Arial;
	background-color:#eeeeee;
	margin-bottom:10px;
}

когда на полэкрана, выглядит как надо:

http://ak-26.ru/file/1.PNG

а больше криво выходит:

http://ak-26.ru/file/2.PNG

как сделать чтобы переносилось?

[Softlink]

  <a href="?do=chat" class="blockset"><img src="messenger.png" alt="Иконка"><p>Чат</p></a>
                <a href="?do=static" class="blockset"><img src="window_2.png" alt="Иконка"><p>Страницы</p></a><
br>
                <a href="?do=users" class="blockset"><img src="users.png" alt="Иконка"><p>Пользователи</p></a>

а br тут зачем? Уберите и посмотрите без него. Смотря на стили, вроде бы все должно работать как надо.

[AquaGen]

<br> чтобы переносилось на вторую строку, мне надо в строке только 9 кнопочек не больше

Edited July 5, 2011 by AquaGen

[Softlink]

<br> чтобы переносилось на вторую строку, мне надо в строке только 9 кнопочек не больше

ну так вы каждые 9 иконок оберните в отдельный див и все.

либо выставьте ширину родителя, в который уместилось бы их столько, сколько нужно

[SelenIT]

Как вариант, каждой 9-й иконке — clear:left. И явно задавать display:block, когда уже есть float, ни к чему. Да и P внутри ссылки, имхо, тут не в тему (хоть в ЖHTML это и валидно).

[amelice]

Если вы хотели использовать <br> после девятой иконки, то нужно было объявить элемент <a> как inline-block.

Но, в этом случае другая загвоздка: при уменьшении окна, эти два последние иконки как хвостики, постоянно перемещались б в следующую строку.

Поэтому, действительно задать родитель с шириной и там объявить элемент <a> как вам угодно.