Антон: Боюсь, что никак. Эта область участвует при позиционировании элементов и, наверное, неотключаемая по умолчанию (границы). Я и многие мои знакомые просто игнорируем обводку. Задаем для остального фона белый цвет и работаем на нем, вне артборда. Либо задайте ему огромные размеры.
Андрей: Кроссбраузерность. CSS3 очень плохо поддерживается браузерами типа IE. С помощью JS вы заставите работать это практически на любом корыте + JS позволит вам допилить много дополнительных плюшек. Например, вы сможете сделать чтобы меню не закрывалось по клику вне его зоны.
Андрей: В целом вот ответ на ваш вопрос.
Несколько деталей:
1) .menu div - клик приходится на обертку картинки, а не на нее лично;
2) <div tabindex="0"> для того чтобы div мог работать с :focus ему необходимо задать этот параметр